p5.js | keyTyped()函数

在p5.js中，keyTyped()函数被用于处理在文本输入框中输入的字符。当用户输入字符时，keyTyped()函数会被调用并传递一个表示用户输入的字符的参数。

在这个函数中，我们可以使用key变量来访问被输入的字符。我们可以使用一个条件语句来检查用户输入的字符是否是'q'，如果是，我们可以执行一些特定的操作。在下面的示例代码中，我们将文本固定为“Hello World!”，并修改键入的'q'字符以显示“Q”而不是“q”。

function setup() {
  createCanvas(400, 400);
}
function draw() {
  background(220);
  textSize(32);
  text("Hello World!", 50, 50);
}
function keyTyped() {
  if (key === 'q') {
    text("Q", 150, 50);
  }
}

在上面的代码中，我们使用textSize()函数设置文本的大小，并使用text()函数在画布上打印“Hello World!”文本。

在keyTyped()函数中，我们检查key变量是否为'q'，如果是，我们使用text()函数将文本“Q”打印在屏幕上。现在当用户输入'q'时，它将显示为大写“Q”。

使用keyTyped()函数，我们可以轻松地处理文本框中的字符输入，而不必通过鼠标单击按钮等方式处理事件。