最近一个BABYLONJS项目上要做光线流动的效果,因为以前不怎么接触WebGL特效相关的内容,所以在网上找了一些相关的内容。
已有案例
1. ThreeJS实现案例
具体的实现方式是不断修改顶点的颜色。优点就是简单,具有可编辑性。缺点就是线条需要自己手工布置,不能使用现有模型。数量一多,可能对性能有影响
2. BABYLONJS社区的案例
这个没具体的给出案例,但是原理是一样的,通过改变uv值实现纹理流动。优点也是简单,性能也会好一点,可以直接作用在模型上。缺点就是编辑性较差,改变颜色或者渐变幅度,间距什么的都需要调整材质。
段落引用综合网上已经实现的案例来看,都不是很符合个人的预期。于是动用起我的半吊子shader能力做出了一个基于BABYLONJS.ShaderMaterial的光线流动效果。
成果
如何实现
在自己的博客贴了实现方式。哈哈哈哈虽然博客文章极少,内容很水,还是免不了想推广一下。