本文将讲解粒子动画等内容，实现粒子在自身位置上下移动、在随机的无序状态和特定形状的有序状态之间变化、以及不同形状之间切换过渡等效果，这些都是很多实际 shader 网页里很常见、很实用的知识！

雪花飘飘~北风萧萧~天地一片苍茫~雨雪雾是常见的天气现象，不用粒子，点我就学如何用Three.js实现雨雪雾！

Threejs中海天一色的效果是比较壮观好玩的，本文我们就学习一下如何一步步实现该效果，同时也能深入理解着色器中的Uniforms参数的作用和归一化的原理及效果。

带深度信息的下雨特效的实现 上一篇技术文章three.js 模拟真实海洋（超详细教程，炫酷海洋） - 掘金 (juejin.cn) 发布后，获得了许多小伙伴的收藏，如果还没有看的可以去看看，效果真的很

用 Three.js Shader 粒子系统手撸一个超级漂亮的星系效果！学习如何在球体和圆盘上设置顶点、如何插值颜色、让粒子运动起来等等！

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

上篇文章反响很大，但是仅仅只是实现了跨窗口动画效果，严格说就没有动画，还有些bug和遗憾，尤其是粒子效果，得入three.js坑，怎么办？跳啊！

今天大佬群里分享了一个视频，有个国外大佬用Web做出来多浏览器窗口可以互动的动画效果，自己试着实现了下。

一、本地搭建Threejs官方文档网站 1.官网地址 Github：https://github.com/mrdoob/three.js  我们可以直接下载压缩包并解压或使用 git clone 若