如何为按键添加冷却时间（Cooldown）机制-js教程-PHP中文网

如何为按键添加冷却时间（Cooldown）机制

本文介绍在 javascript 游戏开发中，如何为“冲刺”类按键（如 left shift）实现防连按的冷却机制，避免玩家滥用加速功能，同时保持操作响应性与游戏平衡。

本文介绍在 javascript 游戏开发中，如何为“冲刺”类按键（如 left shift）实现防连按的冷却机制，避免玩家滥用加速功能，同时保持操作响应性与游戏平衡。

在你的当前代码中，每次按下 ShiftLeft 键都会立即执行 velX *= 2; velY *= 2;，导致无限制加速。要实现合理的冷却（例如：按一次后 1.5 秒内不可再次触发），核心思路是：状态标记 + 延迟重置 —— 即用一个布尔变量记录是否处于冷却中，并在触发后启动定时器，在指定时间后自动解除锁定。

✅ 正确实现方式（推荐）

首先，在全局作用域（或游戏状态对象中）声明冷却状态变量和冷却时长：

let isBoosting = false; // 标记是否正在冷却中
const BOOST_COOLDOWN_MS = 1500; // 冷却时间：1.5秒

然后，重构 Input() 函数，将事件监听器移出重复注册逻辑（避免多次绑定），并加入冷却判断：

function Input() {
    document.addEventListener('keydown', (event) => {
        const { code } = event;

        // 方向键控制（保持原有逻辑）
        if (code === "ArrowRight" || code === "KeyD") velX += 5;
        else if (code === "ArrowDown" || code === "KeyS") velY += 5;
        else if (code === "ArrowUp" || code === "KeyW") velY -= 5;
        else if (code === "ArrowLeft" || code === "KeyA") velX -= 5;

        // 【关键修改】仅当未冷却时才允许触发 Boost
        else if (code === "ShiftLeft" && !isBoosting) {
            velX *= 2;
            velY *= 2;
            isBoosting = true; // 立即进入冷却

            // 冷却结束后自动恢复可用
            setTimeout(() => {
                isBoosting = false;
            }, BOOST_COOLDOWN_MS);
        }
    });
}

⚠️ 注意：Input() 函数应只调用一次（例如在初始化时），否则每次调用都会重复添加监听器，造成逻辑错乱和性能问题。

? 进阶优化建议

防止“瞬按即松”误判：若希望 Boost 至少持续一帧或需配合物理更新（如 requestAnimationFrame 循环），可改用「启用/禁用」模式（即按下开启、松开不立即结束，而是维持固定时长），但本例中“单次脉冲加速”更符合常见设计。
视觉/音效反馈：可在 isBoosting = true 时播放音效或显示粒子效果，提升玩家感知；冷却中再次按键可添加轻微震动或 UI 提示（如闪烁按钮）。
可配置化：将 BOOST_COOLDOWN_MS 和倍率 2 提取为常量或配置对象，便于后续平衡调整。