three.js 传输线效果

2023-09-02  本文已影响0人  alue

如下图所示,在three.js中,如何实现这种光沿着线传输的特效呢?

经过一番探索, 发现原理其实很简单,就是做一些类似下面这样的贴图,然后给动态调整材质的偏移量,就能够形成动态的传输效果。

本来我还打算用shader来处理,没想到有这么简单的方案。
我发现,3D开发需要的综合素质要远远广于传统的前端开发,如果懂一些建模、ps等小工具,就能够另辟蹊径,用很简单的方式实现预期效果。

上一篇 下一篇

猜你喜欢

热点阅读