p5.js | pause()函数

pause()函数是p5.js中的一个函数，可以使当前的动画暂停执行，以便对其进行处理或暂时停止用户交互。可以在任何绘制循环中使用，例如draw()函数，但它仅在在循环中使用时才能正常工作。

使用方法

要使用pause()函数，只需在需要暂停的地方调用它即可。例如，如果您要在单击某个按钮时暂停动画，则可以这样做：

function mousePressed() {
  pause();
}

这将在单击鼠标时暂停动画。

注意事项

• 在setup()函数中使用pause()函数将无效，因为它只在绘制循环中工作。
• 如果您使用的是noLoop()函数来停止绘制循环，请记得在需要恢复绘制循环之前调用loop()函数，否则动画将不会再次启动。
• 暂停动画将暂停所有交互，例如键盘输入和鼠标输入。这可以避免用户在处理动画时干扰它，并且可以确保动画的状态保持一致。
• 要恢复动画，请调用loop()函数。

示例

这是一个简单的例子，展示了如何使用pause()和loop()函数。在单击鼠标时，动画将暂停，同时显示文本“Paused”。在再次单击鼠标时，动画将恢复执行。

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  textAlign(CENTER);
  textSize(32);
  text("Hello, World!", width / 2, height / 2);
}

function mousePressed() {
  if (isLooping()) {
    pause();
    text("Paused", width / 2, height / 2 + 50);
  } else {
    loop();
  }
}

请注意，我们使用isLooping()函数来检查当前是否正在循环中，并根据需要调用pause()或loop()函数。此外，我们还使用textAlign()和textSize()函数来居中和调整文本大小。