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

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

    下面看效果

     
  • 相关阅读:
    从1.5k到18k, 一个程序员的5年成长之路
    我是如何准备技术面试的
    10个惊艳的Ruby单行代码
    经典Spring面试题和答案
    数据分析应该要避免的6个错误
    代码重构的实战经验和那些坑
    勾勒物联网与大数据的数据中心路线图
    共筑Spark大数据引擎的七大工具
    es6学习总结(一)
    vue-cli搭建与vue-router(路由配置)
  • 原文地址:https://www.cnblogs.com/bizprosdd/p/3578622.html
Copyright © 2011-2022 走看看