大家好，这里是 CSS 魔法使——alphardex。 爆炸，简而言之就是大量的微粒在一定空间内进行不规则的大幅运动而形成的奇观。说到“不规则”，我们首先就能想到一个词——“噪声”。

大家好，这里是 CSS 魔法使——alphardex。 平时我们见过很多的图片悬浮和滚动特效，大部分是用CSS和SVG实现的，但是有一种特效它们绝对实现不了——扭曲特效。为何？CSS擅长直线型变换，而SVG擅长曲线型变换。扭曲特效则两者都不是，它是像素级变换，能做到像素级变换的…

大家好，这里是 CSS 魔法使——alphardex。 本文我们将用three.js来实现一种很酷的光学效果——露珠滴落。我们知道，在露珠从一个物体表面滴落的时候，会产生一种粘着的效果。2D平面中，这种粘着效果其实用css滤镜就可以轻松实现。但是到了3D世界，就没那么简单了，这…

点的数据是通过getImageData()方法获取的，得到的结果是一串Uint8ClampedArray数据和图片宽高。 imageData.data中的数据每四个数代表一个点。 通过拿到的imageData，获取R通道>0的点，设置该点的(x,y,z)坐标和rgb颜色。 初始…

提取模型中顶点信息，然后借助 three.js 的 Points 实现。 如何提取 obj 模型的顶点信息，点此查看。 three.js 为实现粒子效果提供了完整的接口，我们只需要获取并赋值顶点信息就可以了。

也可以去预览。 但是作者并没有把源码分享出来，正好最近在学习 threejs，正好抽时间写了一个类似的 demo，希望能帮助一些喜欢 threejs 的初学者。效果如下： 接下来，我们一起来看如何实现这样一个粒子体系切换动画。 将获取到的 json 文件保存到本地。 首先，初始…

最近在学习webGL原生，给的3d项目又不是很多，就想到了其实2d的项目也可以拿webGL练习，在接到这个项目之后，脑子里蹦出个要做出粒子的效果，大致思路已经有了，就是获取图片的有效像素作为point的xy坐标，z轴的不同来实现3d粒子效果，顺着思路往下想，透视投影的话那我生成…

节上一节的内容，上一节我们给我们绘制的三角形增加了一些趣味的内容，我们绘制了一个具有渐变色的三角形。这实际上就是给三角形的顶点的赋予了除开位置信息的颜色信息。这节内容我们继续为三角形的顶点增加一些别的信息，本节中我们会给三角形增加纹理坐标信息，利用这一点让我们来一起完成一个显示…

这两天接到一个项目，是有关全屏视频的，整个项目中分到我这儿最主要的部分就是结束页要求3d贺卡展示，正巧和前几天NingBo童鞋分享的一样，干脆点儿，这次搞个webGL版的。哈哈~ 20190426-现在阶段就是只做了个基础版，曲线动画啥的都是小事儿。 20190427-现在加上…