音乐类游戏demo



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


操作键:asdf 或者 jkl;


==================================================

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


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


代码没有加注释,所以读起来可能会稍有点吃力,不过,如果用心去看看某些动画的实现,应该会让很多人有些意外。


posted on 2014-06-28 07:51  真阿当  阅读(892)  评论(0编辑  收藏  举报