millis()
プログラムがスタートしてから経過した時間
ミリ秒単位(1000ミリ秒が1秒)
if (millis() - timestamp > 500) {
timestamp = millis();
}
millis()の時間とtimestampの差が500より大きいとき
timestampにmillis()を設定する
ランダムに図形を描くプログラムを、一定時間おきに描くように変えてみます。
//一定時間おきに、ランダムに図形を描く
//変数
let timestamp = 0;
function setup() {
//画面サイズ
createCanvas(500, 500);
//背景を塗る
background(200, 220, 220);
}
function draw() {
//500ミリ秒おきに
if (millis() - timestamp > 500) {
timestamp = millis();
//線をナシ
noStroke();
//塗り色
fill(random(100, 200), random(100, 200), random(10, 25), 50);
//四角の基準点を中心に
rectMode(CENTER);
//四角を描く
rect(random(0, 500), random(0, 500), random(0, 500), random(0, 500));
}
}
p5jsは、毎秒60回、画面を更新しています。正確にはPCスペックや処理時間によって違ってきます。
millis()をつかうと、どんなPCでも、誤差が少なく時間を刻むことができます。