three中材质移动动画

 

three中材质移动动画

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

// 材质移动动画     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之后调用

?

1 2 3 4 5 6 7

render() {     this.renderer.render(this.scene, this.camera);     requestAnimationFrame(this.render);     if(this.textureAlarm){       this.textureAlarm.offset.x -= 0.06     }   },

　　有疑问请加群讨论