音乐类游戏demo



demo地址:http://www.adanghome.com/js_demo/45/css


操做键:asdf 或者 jkl;css3


==================================================函数

这个demo为了提高性能,不少地方都使用了css3的tranform和animation来实现的,一方面想调用硬件强速,另外一方面想绕过三角函数的使用。但仅管如此,在移动端的表现仍是很惨。好吧,后面尽可能再优化试试吧。。。性能


不少动画的实现方式我放弃了使用js,放弃了我本身游戏引擎的MovieClip类,使用的是css3的animation,用到了不少技巧,好比两种动画叠加于同一个元素,一个用逐帧,一个用补间,叠加实现效果。又好比经过delay,完成多个动画原件的时间差,在js层面用很是简单的代码就完成了一个比较复杂的动画效果。css3真心强大。优化


代码没有加注释,因此读起来可能会稍有点吃力,不过,若是用心去看看某些动画的实现,应该会让不少人有些意外。动画

相关文章
相关标签/搜索