HTML5 Canvas生成粒子效果的人物头像
前面我们分享过一个HTML5 Canvas实现的图像马赛克模糊效果,HTML5处理图片真的非常简单。今天我们要再利用HTML5 Canvas实现一个粒子效果的人物头像,你可以任意选择一张头像图片,接下来该图片会被打散成许多粒子,然后慢慢的重组成图片,鼠标滑过图片时粒子还会出现浮动的动画特效,看上去非常酷。
文件列表
html5-canvas-pixel-image.rar
(预估有个15文件)
html5-canvas-pixel-image
index.html
2KB
img
the-look.jpg
32KB
ncsu.jpg
56KB
sarah.jpg
30KB
sarah-dots.png
108KB
js
breathing-halftone.pkgd.js
23KB
jquery.min.js
94KB
暂无评论