p5.j​​s在非活动标签时停止绘图

Question

我尝试用p5.js绘制画布，但是当标签不活动时画布停止绘制。我该怎么办？ ，这是示例代码

 function setup() {
  frameRate(30);
  textSize(20);
  textSize(30);
  textAlign(CENTER);
}

function draw() {
  background(200);
  text(frameCount, width / 2, height / 2);
}

Answer 1

这是JavaScript的故意行为。

解决这个问题的一种方法是检查时间（使用millis()功能）并根据它确定场景的状态。例如，如果自上一帧开始已经过了10秒，那么就像移动600帧一样移动文本。

对于大多数草图来说，这是过度的。只是采用默认行为。

此处有更多信息：Run canvas on background tab