p5.j​​s 初学者 - RNG 不工作

Question

所以我只想制作一个每 10 秒生成一个随机值的生成器。相反，它会在等待 10 秒后每帧生成一个随机值。请纠正我。

var imgs = [];
var a = 0

function randomizea() {
   a = int(random(5));
}

function setup() {
  createCanvas(1400, 850);

//  for (var i=0; i<5; i++) {
//    imgs[i] = loadImage("data/img"+i+".png");
//  }
}
function draw() {
  background(150, 100, 150);
  setInterval(randomizea, 1000);
//  image(imgs[a], 0, 0);
text(a, 0, 50);
}

Answer 1

您通常不应将setInterval() 与 P5.js 一起使用。相反，请依赖 P5.js 已经为您提供的计时机制。

这是一个简单的例子，它每 10 秒打印一次到控制台：

function draw(){
    if(frameCount % 600 == 0){
        console.log("here");
    }
}

由于每秒触发 60 帧，因此 600 帧是 10 秒。我们使用% 模运算符来检查frameCount 变量是否是600 的倍数，这意味着我们处于10 秒的倍数。

您也可以使用millis() 函数检查是否已经过了一定时间。

相关帖子：

• How to make a delay in processing project?
• How can I draw only every x frames?
• Removing element from ArrayList every 500 frames
• Timing based events in Processing
• How to add +1 to variable every 10 seconds in Processing?
• How to create something happen when time = x
• making a “poke back” program in processing
• Processing: How do i create an object every “x” time
• Timer using frameRate and frame counter reliable?
• Adding delay in Processing

更多信息请咨询the P5.js reference。