Three.js - 一次加载JSON模型并多次添加它

Question

是否可以加载一次JSON模型并将其与不同尺度，位置等多次添加到场景中？

如果我将Object3D（）添加到数组中，给数组中的对象一个位置和比例，将其添加到场景中，然后重复此过程，位置和比例将被覆盖阵列。

我想不出任何有用的东西，所以我希望有人能给我一个我想要完成的工作示例。

这是我的失败尝试之一。如果我的解释不够充分，应该给你一个我想要做的事情的基本概念。

function addModels(){ 

      var models = [];  

      var model = new THREE.Object3D();  
      var modelTex = THREE.ImageUtils.loadTexture("textures/model.jpg"); 
      var loader = new THREE.JSONLoader(); 
      loader.load("models/model.js", function(geometry) { 
       mesh = new THREE.Mesh(geometry, new THREE.MeshLambertMaterial({ map: modelTex })); 
       model.add(mesh); 
      }); 

      for(var i = 0; i < 5; i++){ 
       model.scale.set(i,i,i); 
       model.position.set(i,i,i); 
       models[i] = model; 

       scene.add(models[i]); 
      } 

     } 

Answer 1

您可以从相同的几何形状和材料创造新的网格：

loader.load("models/model.js", function(geometry) { 
     var mat = new THREE.MeshLambertMaterial({ map: modelTex }); 
     for (var i = 0; i < 5; i++) { 
      var mesh = new THREE.Mesh(geometry, mat); 
      mesh.position.set(i, i, i); 
      mesh.scale.set(i, i, i); 
      scene.add(mesh); 
     } 
}); 

Answer 2

您需要首先克隆模型，然后设置位置和比例。

for(var i = 0; i < 5; i++){ 
     var newModel = model.clone(); 
      newModel.position.set(i,i,i); 
      newModel.scale.set(i,i,i); 

      scene.add(newModel); 
} 

更新时间：Fiddle example或只是简单的附加循环负荷函数内部：例如何可以不带负载创建JSON模式。