实现3D图文粒子化

Demo图片/文字粒子化首先需要取得图片或者文字的像素点,可以将它们绘制到 canvas 上得到它们的像素点,主要使用 getImageData(x, y, width, height) 方法获取。然后通过遍历画布的大小得到每个位置像素点,为了让粒子之间互相有间隔,遍历的时候用一个变量来控制像素点数量,最后再将透明的点(alpha值小于128)过滤掉即可得到最终的像素点。离散动画实现将粒子目标位置...

Canvas 实现 3D 云朵

页面使用了ES6,必须开启相关的功能才可以看到效果。Chrome 打开 chrome:flags 启用 Experimental Web Platform featuresDemo实现代码...