let balls, back, ens, Polygon, angle, wakka; function setup() { createCanvas(windowWidth, windowHeight); balls = []; sizea = 10; ens = []; Polygon = []; angle = 0; back = 0; rectMode(CENTER); } function draw() { background(back); noStroke(); for (let x = 0; x < 10; x++) { for (let y = 0; y < 10; y++) { if ((x + y) % 2 == 0) { fill(0); } else if ((x + y) % 2 != 0) { fill(200); } rect(x * (width / 9), y * (height / 9), 50, 50); } } for (let i = 0; i < balls.length; i++) { let b = balls[i]; let k = Polygon[i]; noStroke(); colorMode(HSB, 100); fill(random(0, 100), 100, 100); ellipse(b.x, b.y, b.size); regularPolygon(k.n, k.cx, k.cy, k.r, angle); angle += 8; b.x += b.vx; b.y += b.vy; k.cx += k.vx; k.cy += k.vy; if (b.x > width || b.x < 0) { balls.splice(i, 1); } if (b.y > height || b.y < 0) { balls.splice(i, 1); } if (k.cx > width || k.cx < 0) { Polygon.splice(i, 1); } if (k.cy > height || k.cy < 0) { Polygon.splice(i, 1); } } for (let z = 0; z < ens.length; z++) { noFill(0); wakka = 255; if (keyIsDown(UP_ARROW)) { wakka++; } if (keyIsDown(DOWN_ARROW)) { wakka--; } stroke(wakka % 256); strokeWeight(random(15, 40)); let e = ens[z]; ellipse(e.x1, e.y1, e.sizea); e.sizea += 8; if (e.sizea > windowHeight*2 ) { ens.splice(z, 1); } } } function mouseDragged() { push(); const dx = mouseX - pmouseX; const dy = mouseY - pmouseY; if (mag(dx, dy) > 5 && mag(dx, dy) < 20) { const c = { x: mouseX, y: mouseY, size: random(10, 40), vx: dx, vy: dy }; const p = { cx: mouseX, cy: mouseY, r: random(10, 40), vx: dx, vy: dy, n: floor(random(3, 7)) }; balls.push(c); Polygon.push(p); } else if (mag(dx, dy) >= 20 && mag(dx, dy) <= 35) { const c = { x: mouseX, y: mouseY, size: random(40, 80), vx: dx, vy: dy }; const p = { cx: mouseX, cy: mouseY, r: random(40, 80), vx: dx, vy: dy, n: (random(3, 14)) }; balls.push(c); Polygon.push(p); } else if (mag(dx, dy) > 35) { const c = { x: mouseX, y: mouseY, size: random(80, 160), vx: dx, vy: dy }; const p = { cx: mouseX, cy: mouseY, r: random(80, 160), vx: dx, vy: dy, n: (random(3, 28)) }; balls.push(c); Polygon.push(p); } pop(); } function mouseClicked() { push(); const d = { x1: mouseX, y1: mouseY, sizea: 10 }; ens.push(d); pop(); } function regularPolygon(n, cx, cy, r, angle) { push(); beginShape(); for (let i = 0; i < n; i++) { let theta = TWO_PI * i * 1 / n - HALF_PI; theta += angle; const x = cx + cos(theta) * r; const y = cy + sin(theta) * r; vertex(x, y); } endShape(CLOSE); 　pop(); } function windowResized(){ resizeCanvas(windowWidth, windowHeight); }