某天，产品小姐姐找到我，要在页面上放一个动态3D模型...不会webGL？没关系！今天就来聊一聊如何用从零实现3D粒子特效。

本文已参与[新人创作礼]活动,一起开启掘金创作之路 本文禁止转载，如需转载请注明出处。 图形学的数学基础（四十三）：噪声纹理 本小节将介绍使用噪声函数创建的模式示例。当$Ken;Perlin$最初发明

第一次尝试使用GLSL来对页面效果进行处理，所以把实现的过程记录下来，方便自己下次查阅。如果你在这篇文章中发现错误，请帮助我纠正，谢谢。 在页面中放置将近10w个particle，最开始的考虑将particle分为两个部分，一部分承载用户信息，一部分做装饰。对于在移动端渲染10…

前言 粒子系统是采用许多单一的粒子组成的系统，我们赋予各个粒子不同的属性，可以模拟各种各样的场景。比如模拟风、雨、雪等自然环境，模拟流体等，还有各位大神利用写的各位特效等等，比如”新春烟花“等等。

前段时间领导要我做一个流体粒子的demo,正巧我也最近在看一些流体、烟雾的文章，接到任务兴奋劲儿一下就上来了，因为没有实践过，而且效果看着很不错，于是乎我脑海里就在想整个流程，遇到其中一个硬性问题就是流体粒子每一个都有自己的速度和坐标，那我用js去运算且更新这些数据岂不是很耗性…

大家好，这里是 CSS兼WebGL 魔法使——alphardex。 本文我们将用three.js来实现风暴云特效，一起来创作吧！

一.先看效果（源码在最后）： 我的B站地址~效果演示更清晰 图片展示，因为图片限制5m大小，所以演示不太多： 二.实现过程（可一步一步实现）： 因为雨是重点，所以中间 logo 部分就不详细写了，可直

这是我参与更文挑战的第2天，活动详情查看： 更文挑战 前言 最近广州疫情爆发，而且还老是下雨！ 但让人感动的是，很多很多人，不分昼夜，冒着大雨奔赴一线，风雨无阻的守护我们！ 想自己动手给网页来场雨的洗

随着元宇宙概念的火爆，3D 渲染相关的技术频繁被提及，而 Three.js 是基于 WebGL 的 api 封装的用于简化 3D 场景的开发的框架，是入门 3D 的不错的抓手 今天我们就来入门下 Th