前端飞机大战小游戏

一、案例效果

点击打开视频讲解更加详细

二、实现思路

• 创建游戏背景板；
• 创建我方战机，鼠标进入游戏面板后其随鼠标轨迹运动； onmousemove
• 创建子弹，让子弹周期性的在战机处发出并让其向 top 值减小的方向(向上)移动，top 小于 0 也就是子弹走出游戏面板时删除自身；
• 创建敌机，让敌机周期性的在游戏背景板左侧的随机距离的位置产生，并让其向 top 增加的方向(向下)移动；
• 定义函数，子弹和敌机相遇时消失。

条件：所有的元素都只在鼠标进入游戏背景区域时才触发运动。

三、完整代码+详细注释

若对您有帮助，请点击跳转到B站一键三连哦！感谢支持！！！