三个 Sprite 重复纹理

Question

我有一个 sprite，我正在尝试使纹理一遍又一遍地重复。

我认为我的设置是正确的，但它似乎没有达到我的预期，我是不是做错了什么？

这是我的结果：

这是我的代码：

    var bgTexture = new THREE.TextureLoader().load('/bg.png');
    var spriteMaterial = new THREE.SpriteMaterial({ map: bgTexture });

    spriteMaterial.wrapS = spriteMaterial.wrapT = THREE.RepeatWrapping;
    spriteMaterial.map.offset.set( 0, 0 );
    spriteMaterial.map.repeat.set( 10, 1 );

    var sprite = new THREE.Sprite(spriteMaterial);
    sprite.position.y = 0;
    sprite.position.y = 0;
    sprite.scale.x = 10;
    sprite.scale.y = 1;
    this.scene.add(sprite);

Answer 1

属性 .wrapS 和 .wrapT 必须设置为 Texture rather than the SpriteMaterial:

~~spriteMaterial.wrapS = spriteMaterial.wrapT = THREE.RepeatWrapping;~~

spriteMaterial.map.wrapS = spriteMaterial.map.wrapT = THREE.RepeatWrapping;

三个 Sprite 重复纹理

THREEJS Sprite repeat texture

javascript

texture-mapping

three.js