demo地址:http://www.adanghome.com/js_demo/45/css
操做键:asdf 或者 jkl;css3
==================================================函数
这个demo为了提高性能,不少地方都使用了css3的tranform和animation来实现的,一方面想调用硬件强速,另外一方面想绕过三角函数的使用。但仅管如此,在移动端的表现仍是很惨。好吧,后面尽可能再优化试试吧。。。性能
不少动画的实现方式我放弃了使用js,放弃了我本身游戏引擎的MovieClip类,使用的是css3的animation,用到了不少技巧,好比两种动画叠加于同一个元素,一个用逐帧,一个用补间,叠加实现效果。又好比经过delay,完成多个动画原件的时间差,在js层面用很是简单的代码就完成了一个比较复杂的动画效果。css3真心强大。优化
代码没有加注释,因此读起来可能会稍有点吃力,不过,若是用心去看看某些动画的实现,应该会让不少人有些意外。动画