说明
deltaTime 是用于统计前一帧开始到当前帧开始的时间差(以毫秒为单位)。
这个变量对于创建时间敏感的动画或计算非常有用。
范例
let rectX = 0;
let fr = 30;
let clr;
function setup() {
background(200);
frameRate(fr); // 默认30帧,帧数越大,动画越流畅
clr = color(255, 0, 0);
}
function draw() {
background(200);
rectX = rectX + 1 * (deltaTime / 50);
if (rectX >= width) {
if (fr === 30) {
clr = color(0, 0, 255);
fr = 10;
frameRate(fr); // 蓝色方块,移动时会有明显的卡顿感,但是移动速度和红色方块是没有区别的。
} else {
clr = color(255, 0, 0);
fr = 30;
frameRate(fr);
}
rectX = 0;
}
fill(clr);
rect(rectX, 40, 20, 20);
}
new p5();
语法
deltaTime