Three 之 three.js （webgl）使用BufferGeometry (CPU) 根据位置和移动向量简单实现持续生成运动的简单粒子particle运动效果

Three 之 three.js （webgl）使用 BufferGeometry 根据位置和移动向量简单实现持续生成运动的简单粒子particle运动效果

目录

Three 之 three.js （webgl）使用 BufferGeometry 根据位置和移动向量简单实现持续生成运动的简单粒子particle运动效果

一、简单介绍

二、实现原理

三、注意事项

四、效果预览

五、实现步骤

 六、关键代码

七、源码

---

一、简单介绍

Three js 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。

本节介绍， three.js （webgl） 中，使用 BufferGeometry ，添加位置和移动方向数据，结合 shader，简单实现类似 particle 的粒子运动效果，这里主要的逻辑在js脚本，而非 shader 中，所以这里算是 cpu 中，使用BufferGeometry 实现简单粒子效果，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。

BufferGeometry 官网相关介绍：