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

您通常不应将it('should reflect to the users input', function () { element.find('input').val('123').triggerHandler('input'); expect(controller.firstName).toBe('123'); }); 与P5.js一起使用。相反，依赖于P5.js已经给你的计时机制。

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

setInterval()

由于每秒60帧，因此600帧是10秒。我们使用function draw(){ if(frameCount % 600 == 0){ console.log("here"); } } 模运算符来检查%变量是否为600的倍数，这意味着我们在10秒的倍数处。

您也可以使用frameCount功能并检查是否已经过了一段时间。

相关帖子：

• 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。