分类：实现露珠滴落动画

2021
03-02

three.js 实现露珠滴落动画效果的示例代码

前言大家好，这里是CSS魔法使——alphardex。本文我们将用three.js来实现一种很酷的光学效果——露珠滴落。我们知道，在露珠从一个物体表面滴落的时候，会产生一种粘着的效果。2D平面中，这种粘着效果其实用css滤镜就可以轻松实现。但是到了3D世界，就没那么简单了，这时我们就得依靠光照来实现，其中涉及到了一个关键算法——光线步进（RayMarching）。以下是最终实现的效果图撒，哈吉马路由！准备工作笔者的three.js模板：... 继续阅读 >