本文介绍如何通过全局游戏状态变量控制格斗游戏的运行逻辑，在倒计时结束时立即禁用玩家输入、攻击判定与位移，彻底阻止超时后仍可互殴的逻辑漏洞。
本文介绍如何通过全局游戏状态变量控制格斗游戏的运行逻辑，在倒计时结束时立即禁用玩家输入、攻击判定与位移，彻底阻止超时后仍可互殴的逻辑漏洞。
在基于原生 JavaScript 实现的格斗游戏中，仅靠清空定时器或显示胜利界面是不够的——若未同步冻结游戏核心逻辑，角色仍会响应按键、执行攻击动画、触发碰撞检测，导致健康值异常波动（如“Player 1 wins!”与“Player 2 wins!”反复切换），严重破坏游戏公平性与体验。
核心方案：引入 gameIsActive 全局状态标志
最简洁、可扩展性强的解法是声明一个布尔型全局变量 gameIsActive，统一管控所有可交互行为的执行权限：
let gameIsActive = true; // 初始为 true，表示游戏进行中
该变量需在两个关键节点更新：
- ✅ 倒计时归零时：设为
false，冻结后续所有操作； - ✅ 血量归零触发胜利判定时：同样设为
false，确保胜负结果不可逆转。
if (time === 0) {
timeLeft.innerHTML = '00:00';
gameIsActive = false; // ← 关键：立即冻结游戏
determineWinner({ Player, Enemy, timerId });
// ...重置位置等
}
// 健康值判定处同理
if (Enemy.health <= 0 || Player.health <= 0) {
gameIsActive = false; // ← 防止血量归零后继续攻击
determineWinner({ Player, Enemy, timerId });
}全面拦截交互逻辑
所有依赖用户输入或实时计算的行为，都必须包裹在 if (gameIsActive) 条件判断中：
- ? 键盘事件监听：
keydown/keyup中仅当gameIsActive === true时才处理按键逻辑； - ? 攻击碰撞检测：
rectangularCollision()的调用必须前置状态检查，否则即使不响应按键，仍在animate()循环中持续检测并扣血； - ? 移动更新逻辑：虽然
Sprite.update()本身无需修改，但其依赖的velocity赋值（如Player.velocity.x = -5）应仅在gameIsActive为真时执行。
示例：安全的按键监听结构
window.addEventListener('keydown', (event) => {
if (!gameIsActive) return; // ⚠️ 顶层快速退出，避免任何分支执行
switch (event.key) {
case ' ':
Player.attack();
break;
case 'Enter':
Enemy.attack();
break;
case 'a':
keys.a.pressed = true;
Player.lastKey = 'a';
break;
// 其他按键...
}
});注意事项与进阶建议
- ✅ 避免状态遗漏：检查
animate()函数内所有可能影响游戏状态的代码块（如攻击盒更新、健康条 DOM 操作），确保无gameIsActive保护的副作用； - ✅ 视觉反馈强化：可在
gameIsActive === false时，为角色添加半透明遮罩层或暂停动画（如将ctx.globalAlpha = 0.7），直观传达“已冻结”状态； - ✅ 可扩展性设计：未来如需支持暂停/重赛，可将
gameIsActive升级为字符串枚举（'active' | 'paused' | 'ended'），配合switch分发逻辑，提升可维护性； - ❌ 切勿仅依赖 UI 隐藏：隐藏按钮或禁用
<canvas></canvas>点击无法阻止requestAnimationFrame中的底层逻辑执行，必须从状态层切断。
通过这一轻量级状态管理机制，你不仅能彻底解决超时后角色仍可攻击的问题，也为后续实现暂停、回合制、连招系统等复杂功能打下坚实基础——真正的游戏控制权，永远始于对「当前是否允许交互」的清晰断言。
