520手撸一个星系，送给心爱的姑娘！（Three.js Shader 粒子系统实现）

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 前言 之前在小红书上刷到上海「深空未来」展的图片，看到这个宇宙星球的粒子效果觉得挺酷的，也很多人喜欢。 于是古柳想起曾经见过的这个 Three.js Shader 实现的粒子系统星系效果，它的形状、颜色、动画令人难忘，可惜当初水平有限，有些地方没有理解，这次重新勾起兴趣看了下源码，发现又搞懂不少地方，可以讲解下，因此想带大家一起手撸一个星系。 链接：https://actium.co.jp/ 链接：https://codepen.io/prisoner849/pen/RwyzrVj 当然像本文这样实现一个具体完整的 shader 效果的文章，和前面八篇 「手把手带你入门 Three.js Shader 系列」 教程按部就班讲解一个个知识点还是不太一样，并且本文涉及的粒子系统、BufferGeometry、顶点上设置属性等也都是系列 ………………………………