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
      }
    },

　　有疑问请加群讨论