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;