本文详细介绍了使用Vue3构建飞机大战游戏的过程，包括页面切换、地图逻辑、飞机与子弹的创建及移动，以及游戏逻辑中的碰撞检测。在实验过程中遇到的报错主要是点击事件未响应，原因是custom renderer中未正确处理点击事件和Map关键字作为图片变量导致的解析错误，通过相应修改已成功解决。
整体分析：
（1）页面切换：创建开始页面——>导入开始按钮——>处理按钮的点击事件——>引入开始游戏页面——>开始页面和游戏页面的切换——>创建结束页面（和开始页面一样）
（2）地图逻辑
（3）飞机逻辑：A我方飞机：.创建飞机组件——>飞机移动 B.敌方飞机：确定数据结构——>创建飞机组件——>飞机移动，随机生成位移和飞行速度
（4）我方子弹：创建子弹组件——>确定数据结构——>添加静态的子弹（兄弟节点间的数据通信）——>子弹移动
（5）游戏逻辑：碰撞检测。我方飞机与敌方飞机碰撞，我方子弹和敌方飞机碰撞
实验报错：
修改：因为是使用的custom renderer，所以在实现创建元素接口后未返回创建好的元素
报错：在开始游戏按钮上添加了点击事件但是没有响应
最低0.47元/天 解锁文章
扫一扫
684
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
