码迷,mamicode.com
首页 > 其他好文 > 详细

canvas学习之粒子动画

时间:2017-04-11 11:54:08      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:com   http   htm   hang   job   web   图片   运行   use   

项目地址:http://pan.baidu.com/s/1ccTptc

粒子动画意思就是把一个图片粒子画,然后使用粒子作出动画效果,主要两个问题:一个图片如何粒子化,这里面我们使用canvas的getImageData(http://web.jobbole.com/87602/),还有一个是作出轨迹,让粒子按照既定轨迹来运行,我们使用tweet.js(http://www.zhangxinxu.com/study/201612/how-to-use-tween-js.html,) 下载项目后,执行npm install,然后npm run dev,然后打开canvas页面可看到效果

canvas学习之粒子动画

标签:com   http   htm   hang   job   web   图片   运行   use   

原文地址:http://www.cnblogs.com/mrzhu/p/6692331.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!