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

说明

deltaTime 是用于统计前一帧开始到当前帧开始的时间差（以毫秒为单位）。

这个变量对于创建时间敏感的动画或计算非常有用。

范例

1. let rectX = 0;
2. let fr = 30;
3. let clr;
5. function setup() {
6. background(200);
7. frameRate(fr); // 默认30帧，帧数越大，动画越流畅
8. clr = color(255, 0, 0);
9. }
11. function draw() {
12. background(200);
13. rectX = rectX + 1 * (deltaTime / 50);
14. if (rectX >= width) {
15. if (fr === 30) {
16. clr = color(0, 0, 255);
17. fr = 10;
18. frameRate(fr); // 蓝色方块，移动时会有明显的卡顿感，但是移动速度和红色方块是没有区别的。
19. } else {
20. clr = color(255, 0, 0);
21. fr = 30;
22. frameRate(fr);
23. }
24. rectX = 0;
25. }
26. fill(clr);
27. rect(rectX, 40, 20, 20);
28. }
30. new p5();

语法

deltaTime

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