JavaScript-尝试在按下键盘时移动图像

JavaScript-尝试在按下键盘时移动图像,javascript,Javascript,我只是在学习JavaScript编码,并尝试在键盘上从左向右移动图像,但无法理解相同的问题 我在Father.js文件和sketch.js文件中分别定义了图像-我正在尝试编写代码来移动图像 有人能帮忙吗 这里是代码的链接-您可以尝试为键盘按“向上”或“向下”或“按”添加“eventListeners”。然后在“eventListener”中,你可以指定你的图像移动我没有使用过Matter或你在这里使用的任何引擎,但是当你想根据用户输入移动某个东西时-在游戏循环中-你应该根据某个速率×每次平局之间

我只是在学习JavaScript编码,并尝试在键盘上从左向右移动图像,但无法理解相同的问题

我在
Father.js
文件和
sketch.js
文件中分别定义了图像-我正在尝试编写代码来移动图像

有人能帮忙吗


这里是代码的链接-

您可以尝试为键盘按“向上”或“向下”或“按”添加“eventListeners”。然后在“eventListener”中,你可以指定你的图像移动

我没有使用过
Matter
或你在这里使用的任何引擎,但是当你想根据用户输入移动某个东西时-在游戏循环中-你应该根据某个速率×每次平局之间的延迟来移动它。我的意思是:如果一个角色在按下向右箭头键时以每秒30像素的速度移动,那么你需要计算出自上次绘制以来经过了多少时间,然后确定向哪个方向移动以及移动多少。你的x,y变换是时间流逝的一个因素

因此,每次绘制都需要存储某种时间戳/毫秒计数

在浏览器中捕获用户输入方面,您可以通过事件来完成。即:

document.addEventListener('keydown',(e)=>{
/*
左=37
上升=38
右=39
向下=40
*/
如果(e.which==37)doSomething();
});
您还可以使用其他活动。”“钥匙”等