THREEJS雪碧重复纹理

时间:2018-11-29 19:25:54

标签: javascript three.js texture-mapping

我有一个精灵,我试图使纹理不断重复。

我认为我的设置正确,但是似乎并没有达到我的期望,我做错了吗?

这是我的结果: enter image description here

这是我的代码:

    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);

1 个答案:

答案 0 :(得分:2)

属性.wrapS.wrapT必须设置为Texture而不是SpriteMaterial

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

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