用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不能用的情况下，我就只能很蛋疼的去物理操作图片的大小 和方向， 也就变成了素材冲一张大图变成了多张图

 

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

下面看效果

 

X　0

 

转载于:https://www.cnblogs.com/bizprosdd/p/3578622.html