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

 

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

下面看效果

 

相关文章:

  • 2021-08-13
  • 2021-06-04
  • 2021-03-31
  • 2022-12-23
  • 2021-10-29
  • 2021-04-14
  • 2021-08-25
  • 2021-07-13
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-05-29
  • 2021-08-12
  • 2021-09-06
  • 2022-12-23
  • 2021-12-28
相关资源
相似解决方案