首页 > 微信 > 详细

用DIV+Css+Jquery 实现的旧版微信飞机大战。

时间:2014-03-04 09:35:33      阅读:828      评论:0      收藏:0      [点我收藏+]

用jquery 实现的旧版微信飞机大战。

以前一直都是做后台和业务逻辑,前端很少去做, 现在个小游戏。

                                                  

方向键控制方向,Ctrl 键 放炸弹(当然你的有炸弹,哈哈)!

主要都是用div+Css实现的,然后用Jquery动态控制div的Css 实现整个小游戏

整体来说该有的功能都实现了吧。

也有一些问题

bubuko.com,布布扣
-webkit-background-size: 1024px 512px;
-webkit-transform: rotate(-90deg);
bubuko.com,布布扣

这个属性IE都不支持,Google Chrome到时支持 可是也遇到了一些

使用-webkit-transform: rotate(-90deg) 后, 在去重新调整Top 或者left 属性的时候,会出现设置的值和实际的值不符的情况, 具体原因我也没有找了,在这里,不知道有那个大神可以帮助解惑。

最终也只能把这两条属性摒弃掉了。哎!

由于我把所有的素材都放在一张大图上,这两条Css不能用的情况下,我就只能很蛋疼的去物理操作图片的大小 和方向, 也就变成了素材冲一张大图变成了多张图

 

此外,哪位大神有比较好的方式用键盘来控制飞机更平滑的移动。

下面看效果

 

 

用DIV+Css+Jquery 实现的旧版微信飞机大战。,布布扣,bubuko.com

用DIV+Css+Jquery 实现的旧版微信飞机大战。

原文:http://www.cnblogs.com/bizprosdd/p/3578622.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!