基于BABYLONJS的光线流动效果

1,966 阅读1分钟

最近一个BABYLONJS项目上要做光线流动的效果,因为以前不怎么接触WebGL特效相关的内容,所以在网上找了一些相关的内容。

已有案例

1. ThreeJS实现案例

Snipaste_20211229_105618.png

具体的实现方式是不断修改顶点的颜色。优点就是简单,具有可编辑性。缺点就是线条需要自己手工布置,不能使用现有模型。数量一多,可能对性能有影响

2. BABYLONJS社区的案例

Snipaste_20211229_105746.png

这个没具体的给出案例,但是原理是一样的,通过改变uv值实现纹理流动。优点也是简单,性能也会好一点,可以直接作用在模型上。缺点就是编辑性较差,改变颜色或者渐变幅度,间距什么的都需要调整材质。


段落引用综合网上已经实现的案例来看,都不是很符合个人的预期。于是动用起我的半吊子shader能力做出了一个基于BABYLONJS.ShaderMaterial的光线流动效果。

成果

FlowLight

如何实现

在自己的博客贴了实现方式。哈哈哈哈虽然博客文章极少,内容很水,还是免不了想推广一下。