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

最近在学习webGL原生，给的3d项目又不是很多，就想到了其实2d的项目也可以拿webGL练习，在接到这个项目之后，脑子里蹦出个要做出粒子的效果，大致思路已经有了，就是获取图片的有效像素作为point的xy坐标，z轴的不同来实现3d粒子效果，顺着思路往下想，透视投影的话那我生成…

也可以去预览。 但是作者并没有把源码分享出来，正好最近在学习 threejs，正好抽时间写了一个类似的 demo，希望能帮助一些喜欢 threejs 的初学者。效果如下： 接下来，我们一起来看如何实现这样一个粒子体系切换动画。 将获取到的 json 文件保存到本地。 首先，初始…

本文既从前端视角出发，来对图形渲染方面的入门知识做一些粗浅的科普，并实际动手完成在浏览器当中渲染一个简单的 3D 模型。