THREE.TextureLoaderを使用してThree.jsテクスチャを繰り返します。

Question

THREE.TextureLoader（）を使用してテクスチャを繰り返す方法を知っていれば尋ねます。私は単にTHREE.ImageUtils.loadTexture（）を使用するためのソリューションを見つけました。ここに私のコードの一部です：ここで

var loader = new THREE.TextureLoader(); 
var wall; 
loader.load('../images/concreteWall.jpg', function (texture) { 
         var wallMaterial = new THREE.MeshBasicMaterial({ 
          map: texture 
         }); 
         wall = new THREE.Mesh(sideWallsGeometry, wallMaterial); 
         scene.add(wall); 
        } 
       ); 

Answer 1

あなたはテクスチャを繰り返したい場合は従うべきパターンは次のとおりです。

r.84

three.js

var loader = new THREE.TextureLoader(); 

var texture = loader.load('path.jpg', function (texture) { 
    texture.wrapS = texture.wrapT = THREE.RepeatWrapping; 
    texture.offset.set(0, 0); 
    texture.repeat.set(1, 1); 

    // your code 

});