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

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

    下面看效果

     
  • 相关阅读:
    MySQL5.6 community从下载到安装
    SVN使用
    VIsualSVN server 安装及旧仓库导入
    在VisualSVN创建新的Repository
    MFC用PostMessage传递消息
    Postgresql命令行和数据库备份与恢复
    makefile复习时发现的编写makefile规则注意事项
    js IDE WebStorm 注册码
    mysql学习笔记之基础篇
    c++继承详解
  • 原文地址:https://www.cnblogs.com/bizprosdd/p/3578622.html
Copyright © 2011-2022 走看看