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模式。