应用介绍
键盘控制底部战机左右移动、持续击落自上而下敌机的竖版射击小游戏,三条命一局。
它解决什么问题
竖版射击的乐趣很纯粹:屏幕上不断有东西压下来,你要一边躲一边打。它不需要记装备、配阵容,也不用等匹配,打开就是一场几十秒到几分钟的对局。
这个页面是本站在前端练习中做的简化实现:我方的战机固定停在屏幕底部,只能左右平移;敌方单位从顶部匀速下落,被打中就消失,撞到你或者飞出底部就扣一条命。三条命用两颗心形符号显示得清清楚楚,打完就结束,没有任何需要联网的环节。
需要说明的是,这个版本没有做手机触屏和鼠标操作,它是纯键盘玩法的实现。
核心功能
- 左右移动与射击:键盘 ←→ 控制战机在 360×500 的区域内左右平移,每帧移动 5 像素;按空格从机头位置向上发射子弹。
- 敌机匀速下落:敌方单位约每 40 帧生成一架,从战场顶部以每帧 2 像素的速度垂直下落,位置随机,密度固定。
- 击落得分:子弹与敌机矩形相交即判定命中,击落一架得 10 分,分数显示在区域上方。
- 生命与结束:初始 3 条命(用 ♥ 显示)。敌机飞出底部,或与我方战机相撞,各扣 1 条命;扣完显示 GAME OVER,可点「重新开始」。
- 纯前端运行:逐帧绘制与碰撞判定都在浏览器里完成,不请求后端,也没有分数记录。
怎么用
- 1打开
/wit-lab/plane,游戏自动开始,战机停在底部中央。 - 2用 ← → 键左右移动战机,躲开下落的敌机。
- 3按空格键连发子弹,把上方的敌机打掉。
- 4留意顶部的分数与心形生命数。
- 5生命扣完后点「重新开始」再打一局。
常见问题
Q:怎么操作?
A:键盘 ←→ 左右移动,空格射击。战机固定在底部,不能上下移动,也不能旋转。
Q:手机或鼠标能玩吗?
A:不能。当前版本只监听键盘事件,没有做触屏或鼠标操作,手机上打开只能看到画面。
Q:生命和得分怎么算?
A:初始 3 条命,击落一架敌机加 10 分;敌机飞出底部或撞上我方战机各扣 1 条命,扣完即结束。
Q:难度会越来越高吗?
A:不会。敌机的生成间隔和下落速度都是固定的,不随分数增长,也没有 Boss 或道具。
Q:有最高分记录吗?
A:没有。分数只显示在当前页面上,不保存,刷新即归零。
适合谁
想在几分钟内打完一局、不研究复杂系统的玩家喜欢键盘手感、想练反应与走位的人想参考"逐帧主循环 + 矩形碰撞"如何实现的前端学习者