xxxxxxxxxx
44
new p5();
let num = 42,
a = 0,
numPoints = int(random(8, 32)),
angle = 0,
angleStep = 180.0 / numPoints;
console.log(angleStep)
const mouse = [];
function setup() {
createCanvas(640, 360);
noFill();
}
function draw() {
stroke(200, a);
background(3, 7, 11);
angle = 0;
let idx = frameCount % num;
mouse[idx] = dist(mouseX, mouseY, width * 0.5, height * 0.5);
for (let i = 0; i < num; i++) {
let m_idx = (idx + 1 + i) % num;
beginShape(TRIANGLE_STRIP);
for (let j = 0; j <= numPoints; j++) {
let px = width * 0.5 + cos(radians(angle)) * mouse[m_idx];
let py = height * 0.5 + sin(radians(angle)) * mouse[m_idx];
angle += angleStep;
vertex(px + i / 2, py);
}
endShape();
}
a -= 2;
}
function mouseMoved() {
a = 150;
}