W3Schools游戏教程故障

Question

所以我刚开始学习Javascript，我正在学习https://www.w3schools.com/graphics/game_obstacles.asp的游戏教程，这是我被困在这一点上。如果您查看示例中的代码，会发现他们添加了一个工作障碍，但游戏无法使用键盘工作。(只有添加到网站的按钮)我想能够用我的键盘来控制角色，并有一个工作障碍，这将停止游戏时，两个触摸。

如果我能从中得到任何帮助，我将不胜感激。(我使用的代码在上面链接的示例中)

Answer 1

您将需要比所示示例中更多的内容。

下面是一个按键事件Link示例的参考

简短摘录：

清除“

”JavaScript:

您也可以在jquery中解决这个问题

JQuery：

$(文档)事件(function(.keypress){ alert(String.fromCharCode(event.which))；});

Answer 2

将此代码添加到您的代码中以移动块。

window.addEventListener('keydown', function(event) {
console.log(event);
if(event.keyCode === 38){
    console.log(event);
    myGamePiece.speedY -= 1; 
} else if (event.keyCode === 37){
    myGamePiece.speedX = -1; 
} else if (event.keyCode === 39){
    myGamePiece.speedX = 1; 
} else if (event.keyCode === 40){
    myGamePiece.speedY = 1; 
}

})；

Answer 3

执行以下更改：

​

• Add onkeypress event in body element，即
• onkeypress函数如下：

函数事件(MyFunction){ switch(event.which || event.keyCode) { case 117: //Up 'U‘moveup()；break；case 106: //Down 'J’movedown()；break；case 104: //Left 'H‘moveleft()；break；case 107: //Right 'K’moveright()；break；} }

​

您可以获得完整的工作代码here。您可以复制完整的代码并在本地运行它。