Question

我只是在学习 JavaScript 编码并尝试在按下键盘时从左到右移动图像，但无法弄清楚。

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

有人可以帮忙吗？

这是代码的链接 - https://github.com/Salma-Siddiqua/Self-game-stage-2

Answer 1

我猜您可以尝试为键盘按下“向上”或“向下”或“按下”添加“事件侦听器”。然后在“eventListener”中，您可以指定您的图像移动

Answer 2

我没有使用 Matter 或您在此处使用的任何引擎，但是当您想根据用户输入移动某些内容时 - 在游戏循环中 - 您应该根据某个速率移动它 ×每次平局之间的 deltaTime。我的意思是：如果按下右箭头键时角色应该以每秒 30 像素的速度移动，则您需要计算自上次绘制以来已经过去了多长时间，然后确定向哪个方向移动以及如何移动很多。您的 x,y 变换是已过去多长时间的一个因素。

所以 - 每次抽奖时，您都需要存储某种时间戳/毫秒计数。

就在浏览器中捕获用户输入而言，您可以通过事件来实现。即：

document.addEventListener('keydown', (e) => {
   /*
      left = 37
      up = 38
      right = 39
      down = 40
   */
   if (e.which == 37) doSomething();
});

您还可以使用其他事件。 'keyup' 等

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

2 个答案: