ES6飞机大战篇-游戏介绍(优先看)

首先进行演示:
在这里插入图片描述
当中设计到了 升级、攻击力、技能、暂停、敌机预设移动等等

1.升级 我采用的是比较传统的方式 通过比率进行获取经验 格式如下 当前的等级 除去 比率 乘 敌机原本的血量 除以 比率 这么做可以让他持续升级 敌机也会随着等级提高血量变高。

2.攻击力 攻击力升级时会进行提升 那么同样的 在不同的等级 将会发射多排子弹

3.技能 技能我目前想到了三个

  1. k:代表着体积缩小移动速度加快,相对应的攻击力将会变小
  2. l:跟踪子弹 开启跟踪子弹 持续3秒 将会有10秒冷却
  3. i:火力全开 将射速提高到 32毫秒间隔 持续3秒 冷却时间 10秒

这几个技能可以同时开启

4.暂停 这玩意一想出来那就是困扰了我挺久的 之前的定时器都是散乱在各处 首先得先把以前写的定时器全部换成封装的定时器 再然后 就是技能冷却时间的暂停和敌机预设移动的暂停了 做了这么一切之后呢 也相对应的添加了 切屏自动暂停 回来自动继续功能

5.敌机预设移动 这个提前定义好的 需要一个一个的添加然后看着它慢慢的移动 其实挺费时间的 不过弄好之后就可以大规模的放敌机了

6.渲染方式切换 优化性能的话 肯定选择将dom操作换成canvas方法 毕竟绘图还是画布来的实在 性能也挺好 考虑了一下 还是两个都保留着 来回切换也不错 就是有bug

7.还在开发 这一条别看是凑数的 但是只要这一条还在 那么就代表着 会增加、修改东西

好了大概都说完了 项目放到这里了 翻源码的也好 CV的也好 无所谓 随便拿去折腾
可以的话申明一下出处以及点个赞
在线试玩地址(github托管)
完整飞机大战源码可以查看:https://github.com/SDSGK/plane-ES6

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值