1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
// require https://cdn.jsdelivr.net/npm/tweakpane@1.5.8/dist/tweakpane.min.js
// require https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.js
/*exported setup draw */
const pane = new Tweakpane();
const params = {
frame_rate: 0,
};
function setup() {
createCanvas(400, 400);
frameRate(60);
pane.addMonitor(params, "frame_rate");
pane.addMonitor(params, "frame_rate", {
view: "graph",
min: 0,
max: 60,
});
}
function draw() {
background("gray");
stroke("white");
noFill();
line(50, 200, 350, 200);
noStroke();
fill(0, 0, 0, 5);
fuzzy_ellipse_2(200, 200, 100, 100, 100);
params.frame_rate = frameRate();
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
⌥⌘j Open Console | ⌘s/ctrl-s Update Preview |