VUE3项目-飞机大战3

优化:

(1)项目中先实现基本功能,立即对功能模块进行验证,然后优化代码,将低层次的代码抽离出来,用语义化的函数进行封装,增强代码的可读性,并且方便后续其他人接手。

(2)为真实游戏体验,需要将速度单独提取出来,重新配置为一个单独的config文件,单独控制子弹和敌军飞机的速度,不同关卡子弹和敌军飞机的速度不同。

(3)当子弹或敌军飞机移动出可视页面时从相应的数据结构中移除相应的元素,控制我方飞机不会移动出可视区域。

(4)增加游戏趣味性,为敌军飞机增加生命值的概念,不同的飞机可以设置不同的生命。

(5)我方飞机移动的优化:最初移动不流畅,因为使用的switch进行匹配->然后使用game.ticker一直检测,飞机可以连贯移动,但不能停下来->使用单个变量存储(非响应式即可)按键状态,设置按键按下和放开按键的回调事件,按下时移动,放开停止移动,但此时不能同时检测多方向按键按下的情况,不能斜方向上移动->将X方向和Y方向上都单独分离出来,可以同时操作,使用两个变量来存储按键的状态,分离方向按键存储->当按下两个方向键(上和下或左和右),放开后按下的方向键,此时飞机停止移动,状态被清空,正确应该是响应第一次按下方向键->分析数据结构来保存上下和左右的按键状态,用反向栈结构来存储,当按下同类型的键时,插入到index=0的位置,放开响应键时找到数组中相应键的位置并从中移除arr.splice(index,1),同时保证时刻响应的是index=0的元素事件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值