用DIV+Css+Jquery 实现的旧版微信飞机大战。
用jquery 实现的旧版微信飞机大战。
以前一直都是做后台和业务逻辑,前端很少去做, 现在个小游戏。
方向键控制方向,Ctrl 键 放炸弹(当然你的有炸弹,哈哈)!
主要都是用div+Css实现的,然后用Jquery动态控制div的Css 实现整个小游戏
整体来说该有的功能都实现了吧。
也有一些问题
-webkit-background-size: 1024px 512px;
-webkit-transform: rotate(-90deg);
这个属性IE都不支持,Google Chrome到时支持 可是也遇到了一些
使用-webkit-transform: rotate(-90deg) 后, 在去重新调整Top 或者left 属性的时候,会出现设置的值和实际的值不符的情况, 具体原因我也没有找了,在这里,不知道有那个大神可以帮助解惑。
最终也只能把这两条属性摒弃掉了。哎!
由于我把所有的素材都放在一张大图上,这两条Css不能用的情况下,我就只能很蛋疼的去物理操作图片的大小 和方向, 也就变成了素材冲一张大图变成了多张图
此外,哪位大神有比较好的方式用键盘来控制飞机更平滑的移动。
下面看效果
posted on 2014-03-03 17:35 Peter.gao 阅读(1788) 评论(5) 编辑 收藏 举报