注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

阿当的博客

世界是个游乐场

 
 
 

日志

 
 

音乐类游戏demo  

2014-06-28 07:51:00|  分类: html5,阿当制作, |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


音乐类游戏demo - 阿当 - 阿当的博客


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


操作键:asdf 或者 jkl;


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

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


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


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


  评论这张
 
阅读(36)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017