web HTML js 飞机大战小游戏侧率

160 阅读1分钟

文章出自:blog.csdn.net/weixin_4274…

 

侧率:

页面

  • 1.设计页面
  • 2.一个主要div 使用overflow: hidden;
   .main {
        margin: 0 auto;
        width: 300px;
        height: 500px;
        background-color: rgb(228, 214, 170);
        position: relative;
        overflow: hidden;
    }
  • 3.div内部加一个div
 .resource{
        width:100%;
        height:600px;    
        top:-100px;
        position: absolute;
    }
  • 4.在resource 中加入span 设置宽高 和图片
  • 5.对span敌方飞机向下移动
  • 6.设置我方飞机 相对于主div中

移动

  • 7.对我方飞机设置可以移动
  • 8.更具我们的鼠标拖着移动移动我方飞机
  • 9.对敌方飞机分类,部分飞机可以射出子弹
  • 10.子弹运行轨迹要快于飞机1.5倍等更具游戏时间加长 不断累加
  • 11.飞机速度也要不断累加
  • 12.飞机用随机数方式 left 出现不同的飞机
  •  13.我方飞机发射子弹
  • 14.子弹速度高于敌方飞机,并且增加飞机子弹频率

计算

  • 15.计算飞机与子弹的位置,遇到 销毁敌方飞机
  • 16.计算敌方子弹和我方飞机,遇到后销毁我方飞机
  • 17.更具血条方式,更具我方飞机中单数量和中单级别 减少对应血条实现
  • 18.增加计算每次销毁敌方飞机增加我方分数
  • 计算方式可以更具 子弹位置 和飞机 正方形 计算 上左下右 计算是否接触到敌方飞机即可

ok

 

 

 

 

 

 

ok

 

 

持续更新