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/p5@1.4.0/lib/p5.js
let freq_slider;
let amplitude_slider;
let octave_slider;
let animate_checkbox;
let t = 0;
function setup() {
createCanvas(600, 400);
fill(240);
noStroke();
ellipseMode(CENTER);
createP("Amplitude");
amplitude_slider = createSlider(0, 100, 100);
createP("Frequency");
freq_slider = createSlider(0, 100, 50);
createP("Octaves/Detail");
octave_slider = createSlider(1, 8, 1);
animate_checkbox = createCheckbox("Animate Line", true);
}
function draw() {
background(50);
let frequency = freq_slider.value() / 100;
let amplitude = amplitude_slider.value();
noiseDetail(octave_slider.value(), 0.5);
// draw a pulsing circle at the top
let w = 50 + noise(frameCount * frequency) * amplitude;
ellipse(width * 0.5, height * 0.25, w, w);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
⌥⌘j Open Console | ⌘s/ctrl-s Update Preview |