p5.js语法手册环境篇-deltaTime

说明

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

【社群】P5JS语法手册 - 乐述云享 (aleshu.com)