three中材质移动动画
three中材质移动动画
// 材质移动动画
animationTexture(mesh){
var textureLoader = new THREE.TextureLoader();
this.textureAlarm = textureLoader.load('/static/test.png',(texture)=> {
mesh.material.map = texture;
mesh.material.transparent = true,
mesh.material.needsUpdate = true;
})
this.textureAlarm.wrapS = THREE.RepeatWrapping
this.textureAlarm.wrapT=THREE.RepeatWrapping
// 设置x方向的偏移(沿着管道路径方向),y方向默认1
//等价texture.repeat= new THREE.Vector2(20,1)
this.textureAlarm.repeat.x = 5;
},
textureAlarm为全局定义的一个变量,一定要在render之后调用
render() {
this.renderer.render(this.scene, this.camera);
requestAnimationFrame(this.render);
if(this.textureAlarm){
this.textureAlarm.offset.x -= 0.06
}
},
有疑问请加群讨论