threejs基础动态效果制作方法

一：常见平移，缩放，旋转：

利用小量变化累加，形成连贯动态效果
常见属性—
object.position || object.scale || object.rotation…

 let value			//位移差量
 let option.opacity			//透明度差量.....
 let b=setInterval(function(){
 		//每次平移量（固定时间）
        line.position.y+=value/20
        //每次透明度减小量（固定时间）
        line.material.opacity-=option.opacity/40
        //返回初始状态
        if(value<=line.position.y){
            line.position.y=first_Posi
            line.material.opacity=option.opacity
        }
    },50);

二：常见材质处理：

替换材质 || 透明度 || 贴图流动 …
object.material=newmaterial

object.material.opacity

setInterval(() => {
            texture.offset.x -= option.base_speed    			//沿X流动
        })

三：高级制作方法：
1、复合ui，累计基础动效

2、着色器

3、3D制作引入