Three.js 使用 THREE.TextureLoader 重复纹理答案

【问题标题】：Three.js repeat texture with THREE.TextureLoaderThree.js 使用 THREE.TextureLoader 重复纹理
【发布时间】：2017-08-11 00:34:30
【问题描述】：

我想问你是否知道如何使用 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);
                    }
                );

【问题讨论】：

标签： javascript three.js texture-mapping

【解决方案1】：

如果您想重复纹理，请遵循以下模式：

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

} );

three.js r.84

【讨论】：