关于Three.js，网上有不多不少的零碎教程，有些过于初级，有些云里雾里，而Three.js官网上的示例逼格之高又令人望而却步，这些对于没学过计算机图形学的童鞋来说，就像入门迈槛不知先迈左脚还是右脚，兴趣使然，于是我就先双脚蹦了进去试试水...... 可以观察到成品效果：粒子…

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

呀哈喽！这里是alphardex。 让我们一起来看看如何用HTML和Raymarching来实现一种炫酷的液晶球效果吧~

本文我们来探讨Three.js中两个重要的概念：粒子和精灵，使用精灵Sprite，我们可以创建很多细小的有趣的场景，模拟雨滴雪花的效果；最后的实现效果，我们会将一组粒子渲染成几何体的样子。