Javascript THREEJS Sprite重复纹理

Javascript THREEJS Sprite重复纹理,javascript,three.js,texture-mapping,Javascript,Three.js,Texture Mapping,我有一个雪碧,我试图使纹理重复一遍又一遍 我认为我有正确的设置,但它似乎没有达到我预期的效果,我做错了什么吗 以下是我的结果: 这是我的代码: var bgTexture = new THREE.TextureLoader().load('/bg.png'); var spriteMaterial = new THREE.SpriteMaterial({ map: bgTexture }); spriteMaterial.wrapS = spriteMaterial.

我有一个雪碧,我试图使纹理重复一遍又一遍

我认为我有正确的设置,但它似乎没有达到我预期的效果,我做错了什么吗

以下是我的结果:

这是我的代码:

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

属性
.wrapps
.wrapT
必须设置为,而不是:

spriteMaterial.wrapps=spriteMaterial.wrapT=THREE.RepeatWrapping

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