Comment définir une texture sur un enfant Object3D Mesh

Question

J'ai importé mon Object3D comme ceci:

var globalObject; // this is a global object 

var loader = new THREE.ObjectLoader(); 
loader.load('path/to/object3d.json', function(object) { 
    globalObject = object; 
    scene.add(globalObject); 
}); 

Ce que je veux réaliser est que lorsqu'un utilisateur clique sur un bouton, que certains éléments de maillage de l'objet entier obtenir une texture. Je le fais comme ceci:

// on button click { 
    for(var i in globalObject.children) { 
     // apply to Mesh of interest { 
      var texture = THREE.ImageUtils.loadTexture('path/to/image.jpg'); 
      globalObject.children[i].material = new THREE.MeshLambertMaterial({map: texture, needsUpdate: true}); 
     } // end apply to Mesh of interest 
    } 
} // end on button click 

Le code ci-dessus semble fonctionner jusqu'à définir la texture. Le problème ici est que la texture semble un peu déformée. Il ressemble à ceci http://db.tt/S5VEsByd

Comment corriger ceci, de sorte que la pleine texture s'applique aux deux surfaces?

Answer 1

Cela devrait faire l'affaire:

// on button click { 
    for(var i in globalObject.children) { 
     // apply to Mesh of interest { 
      var texture = THREE.ImageUtils.loadTexture('path/to/image.jpg'); 
      texture.wrapS = THREE.RepeatWrapping; 
      texture.wrapT = THREE.RepeatWrapping; 
      globalObject.children[i].material = new THREE.MeshLambertMaterial({map: texture, needsUpdate: true}); 
     } // end apply to Mesh of interest 
    } 
} // end on button click