前端飞机大战小游戏
一、案例效果
点击打开视频讲解更加详细
二、实现思路
- 创建游戏背景板；
- 创建我方战机，鼠标进入游戏面板后其随鼠标轨迹运动； onmousemove
- 创建子弹，让子弹周期性的在战机处发出并让其向 top 值减小的方向(向上)移动，top 小于 0 也就是子弹走出游戏面板时删除自身；
- 创建敌机，让敌机周期性的在游戏背景板左侧的随机距离的位置产生，并让其向 top 增加的方向(向下)移动；
- 定义函数，子弹和敌机相遇时消失。
条件：所有的元素都只在鼠标进入游戏背景区域时才触发运动。
三、完整代码+详细注释
飞机大战
若对您有帮助，请点击跳转到B站一键三连哦！感谢支持！！！