Question

我是一名初学者，实际上是在看了一些《编码火车》视频后第一次尝试进行编码，而我只是想使用按键在屏幕上移动一个正方形。

我认为正确的方法是将其简化为y = y + 20;而不是y += 20;，但仍然无法正常工作。

任何帮助将不胜感激。

var y = 200;
var x = 200;

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  rect(x, y, 20, 20);
}

function keyPressed() {
  if (keyCode === UP_ARROW) {
    y = y + 10;
    console.log("help")
  } else {
      return false;
  }

}

<script src="//cdnjs.cloudflare.com/ajax/libs/p5.js/0.3.3/p5.min.js"></script>

Answer 1

您应该养成检查自己的developer tools错误的习惯。您会发现遇到错误：

Uncaught ReferenceError: keycode is not defined (sketch: line 14)

如果您咨询the P5.js reference，将会发现它应该是keyCode而不是keycode。

但是，即使您解决了该问题，也会遇到另一个问题。

您最好的朋友是the P5.js reference，它说明：

变量keyCode用于检测特殊键，例如BACKSPACE，DELETE，ENTER，RETURN，TAB，ESCAPE，SHIFT，CONTROL，OPTION，ALT，UP_ARROW，DOWN_ARROW，LEFT_ARROW，RIGHT_ARROW。

您可以弄清楚 W 键的代码是什么，但仅使用key变量可能更容易。

还要注意，因为您要对照'W'进行检查，所以必须按住shift键才能输入大写字母。您可以考虑改用'w'。

无耻的自我宣传：here是有关P5.js的一些教程。

如何使用javascript中的键移动方块？

1 个答案: