ThreeJS-纹理加载进度(十四)

使用纹理加载器对纹理加载进度进行监控

关键代码：

//创建加载管理器

    const manager = new THREE.LoadingManager(

      () => {

        console.log("加载完成");

      },

      (url, loaded, total) => {

        console.log("当前正在加载资源" + url);

        console.log("总资源数" + total + "已加载" + loaded);

      },

      (e) => {

        console.log("加载失败");

      }

    );

    //纹理加载器

    const textureLoader = new THREE.TextureLoader(manager);

完整代码：

 

 

效果图：