let particles = []; function setup() { createCanvas(windowWidth, windowHeight); // I for (let y = 200; y < 400; y += 10) { particles.push(new Particle(350, y, false)); } // D の縦棒 for (let y = 180; y < 420; y += 10) { particles.push(new Particle(440, y, false)); } // D の曲線 for (let a = -PI / 2; a <= PI / 2; a += 0.05) { let x = 470 + cos(a) * 110; let y = 300 + sin(a) * 120; particles.push(new Particle(x, y, false));} //上 for (let x = 350; x < 470; x += 10) { particles.push(new Particle(x, 180, false)); } //下 for (let x = 350; x < 470; x += 10) { particles.push(new Particle(x, 420, false)); } // 上の円 let centerX = 410; let centerY = 120; let radius = 40; for (let a = 0; a < TWO_PI; a += 0.12) { let x = centerX + cos(a) * radius; let y = centerY + sin(a) * radius; particles.push(new Particle(x, y, false));} //したの円 let centerX2 = 295; let centerY2 = 360; let radius2 = 70; for (let a = 0; a < TWO_PI; a += 0.12) { let x = centerX2 + cos(a) * radius2; let y = centerY2+ sin(a) * radius2; particles.push(new Particle(x, y, false));} // 周辺粒子 for (let i = 0; i < 500; i++) { let angle = random(TWO_PI); let radius = pow(random(), 0.5)*650; let x = width/2 + cos(angle) * radius; let y = height/2 + sin(angle) * radius; particles.push(new Particle(x, y, true)); }} function draw() { background(248,248,250); drawConnections(); for (let p of particles) {p.update();p.display();} } function drawConnections() { strokeWeight(1); for (let i = 0; i < particles.length; i++) { for (let j = i + 1; j < particles.length; j++) { let d = dist( particles[i].pos.x, particles[i].pos.y, particles[j].pos.x, particles[j].pos.y ); if (d < 45) { stroke(150,220,220,map(d, 0, 45, 40, 0)); line( particles[i].pos.x, particles[i].pos.y, particles[j].pos.x, particles[j].pos.y ); } } } } class Particle { constructor(x, y, free) { this.home = createVector(x, y); this.pos = createVector(x, y); this.free = free; this.size = random(4, 18); this.type = random() > 0.6 ?"triangle":"circle"; this.seed = random(1000); } update() { let mouse = createVector(mouseX, mouseY); let d = dist(this.pos.x,this.pos.y,mouse.x,mouse.y ); if (d < 120) { let force =p5.Vector.sub(this.pos,mouse); force.normalize(); force.mult(map(d,0,120,12,0));this.pos.add(force);} let back =p5.Vector.sub(this.home,this.pos); back.mult(0.04); this.pos.add(back); let floatX =sin(frameCount * 0.01 +this.seed) * 0.5; let floatY =cos(frameCount * 0.01 +this.seed) * 0.5; this.pos.x += floatX; this.pos.y += floatY; } display() { noStroke(); let alpha =this.free ? 60 : 100; fill(120,220,220,alpha); let s =this.size +sin(frameCount * 0.03 +this.seed ) * 2; if (this.type == "circle") { circle(this.pos.x,this.pos.y,s); } else { push(); translate(this.pos.x,this.pos.y ); rotate(frameCount * 0.002 ); triangle(-s/2,s/2,0,-s/2,s/2,s/2); pop(); } } }

idd