小编Thi*_*gha的帖子

如何在three.js中制作加载屏幕?

我有大量的纹理和模型加载到我的项目中.我正试图在所有内容都加载时显示进度条.我认为LoadingManager正好能够跟踪所有已加载资产的进度.

我正在使用JSONLoader和TextureLoader.

如果有人可以告诉我如何实现这个示例代码将是非常棒的.

在此输入图像描述

var camera, scene, renderer;

 init();
 animate();

 function init() {

   camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 1, 1000);
   camera.position.z = 400;

   scene = new THREE.Scene();


   // Load Textures 
   var modeltexture1 = new THREE.TextureLoader().load('modeltexture1.jpg');
   var modeltexture2 = new THREE.TextureLoader().load('modeltexture2.jpg');
   var modeltexture3 = new THREE.TextureLoader().load('modeltexture3.jpg');
   var modeltexture4 = new THREE.TextureLoader().load('modeltexture4.jpg');
  
   // Materials
   var material = {
     "texture1": new THREE.MeshPhongMaterial({ map: modeltexture1 }),
     "texture2": new THREE.MeshPhongMaterial({ map: modeltexture2 }),
     "texture3": new THREE.MeshPhongMaterial({ map: modeltexture3 }),
     "texture4": new THREE.MeshPhongMaterial({ …
Run Code Online (Sandbox Code Playgroud)

javascript three.js

15
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×1

three.js ×1