#优质博文 #前端 #webGL
尝试用 three.js 实现了这个跨窗口的粒子动画

摘要: 本文介绍了作者如何使用 three.js 实现一个复杂的跨窗口粒子动画。作者首先采用了 GPGPU 技术，以处理大量粒子而不影响性能。创建 GPGPU 对象和数据纹理来存储 GPU 需要计算的数据，并使用计算着色器来处理变量的计算逻辑。粒子的本体通过 THREE.Points 和自定义的 BufferGeometry 实现，搭配自定义着色器材质 ShaderMaterial。作者还探索了如何制作拉伸球动画，并使用开源的 WindowManager 实现粒子球体的纠缠效果。尽管动画效果尚需优化，但文章展示了 three.js 在复杂动画制作中的强大功能。

via 掘金@alphardex

juejin.cn

尝试用 three.js 实现了这个跨窗口的粒子动画 - 掘金

相信不久前大家已经被这个粒子动画给刷屏了吧： 之前看过很多人都在分析跟这个效果相关的跨窗口通信技术，尽管这样是挺好，但我依旧有点纳闷：为什么没有人讲讲背后的粒子特效是怎么实现的呢？