xxxxxxxxxx
26
let slider;
function setup() {
createCanvas(windowWidth, windowWidth);
q = windowWidth*0.8;
slider = createSlider(15, 50, 25, 3);
slider.position(10, windowWidth+10);
slider.style('width', '80px');
}
t = a = b = n = 0;
draw = (_) => {
t += 0.005;
background(125, q);
let val = slider.value();
for (a = 0; a < q; a += val)
for (b = 0; b < q; b += val) {
n = TAU * (t + sin(TAU * t - dist(a, b, q / 2, q / 2) * 0.01));
fill(255,0,0,125);
circle(a + 20 * sin(n), b + 20 * cos(n), noise(a * 0.01, b * 0.01) * 30);
}
};
//https://twitter.com/incre_ment/status/1398707518918983682?s=20