canvas学习之树叶动画

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

今天用canvas做了一个树叶发芽到凋落的动画,当然还有很多不完善的地方,不过也让我体会到了,做动画技术占2分,算法占8分。这个动画我定一个叶子对象,然后生成10个叶子的实例,每次叶子生长的时候,我都重新绘制页面,但是我感觉这样太浪费性能了,比如永远不会改变的东西 如树干,可以变成一个静态图形,每次重绘的时候在拿出来,对页面缩放还没有处理,所以不是很完善,但是大部分的技术是实现了,下载项目后,npm install,然后 npm run dev,找到canvas页面可以看到效果

上一篇:es知识点


下一篇:canvas学习之粒子动画