将keyCodes映射到一起

Question

const controls = {
    87: false, // W
    83: false, // S
    68: false, // D
    65: false, // A
    38: false, // Arrow up
    40: false, // Arrow down
    39: false, // Arrow right
    37: false, // Arrow left
};

document.body.addEventListener('keyup', keyUp, false);
document.body.addEventListener('keydown', keyDown, false);

function keyUp(event) {
    controls[event.keyCode] = false;
}

function keyDown(event) {
    controls[event.keyCode] = true;
}

我增加了使用箭头键和WASD键在我的游戏中控制玩家移动的能力。目前，我在游戏逻辑中同时检查W和Arrow Up、S和Arrow Down (等等)。

if (controls[87] || controls[38]) { }

if (controls[83] || controls[40]) { }

if (controls[68] || controls[39]) { }

if (controls[65] || controls[37]) { }

有没有办法将箭头键映射到WASD键，而不是同时冗余地检查两个键？

从这个..。

if (controls[87] || controls[38]) { }

...to这个：

if (controls[87]) { }

Answer 1

不，W和UP箭头等都没有一个键码。

您可以创建这样的函数：

function isKeyCodeUp(keyCode) {
    return keyCode === controls[87] || keyCode === controls[38];
}

然后就叫它：

if (isKeyCodeUp(event.keyCode)) {

另一个解决这个问题的设计师是：

if ([87,38].includes(event.keyCode)) {

或

const KEYCODE_UP = [87,38];
if (KEYCODE_UP.includes(event.keyCode)) {