let agents = []; function setup() { createCanvas(windowWidth, windowHeight); noFill(); let centerX = width / 2; let centerY = height / 2; let scale = 1.3; // ← ここで全体のサイズ倍率を指定 // 背景の点（多め） for (let i = 0; i < 300; i++) { agents.push(new Agent(random(width), random(height), false)); } // I for (let i = 0; i < 50; i++) { let x = random(-220, -180) * scale; let y = random(-80, 80) * scale; agents.push(new Agent(centerX + x + random(-10, 10), centerY + y + random(-10, 10), true)); } // D1縦棒 for (let i = 0; i < 25; i++) { let x = random(-100, -80) * scale; let y = random(-80, 80) * scale; agents.push(new Agent(centerX + x + random(-5, 5), centerY + y + random(-5, 5), true)); } // D1円弧 for (let i = 0; i < 80; i++) { let angle = random(TWO_PI); let radius = random(40, 60) * scale; let cx = centerX - 70 * scale; let cy = centerY; let x = cx + cos(angle) * radius; let y = cy + sin(angle) * radius; if (x > cx || random() < 0.2) { agents.push(new Agent(x + random(-5, 5), y + random(-5, 5), true)); } } // D2縦棒 for (let i = 0; i < 25; i++) { let x = random(0, 20) * scale; let y = random(-80, 80) * scale; agents.push(new Agent(centerX + x + random(-5, 5), centerY + y + random(-5, 5), true)); } // D2円弧 for (let i = 0; i < 80; i++) { let angle = random(TWO_PI); let radius = random(40, 60) * scale; let cx = centerX + 30 * scale; let cy = centerY; let x = cx + cos(angle) * radius; let y = cy + sin(angle) * radius; if (x > cx || random() < 0.2) { agents.push(new Agent(x + random(-5, 5), y + random(-5, 5), true)); } } } function draw() { background(255); let t = millis() * 0.001; let emphasis = map(sin(t), -1, 1, 0.3, 1.0); // 線の描画 for (let i = 0; i < agents.length; i++) { for (let j = i + 1; j < agents.length; j++) { let a = agents[i]; let b = agents[j]; let d = dist(a.pos.x, a.pos.y, b.pos.x, b.pos.y); if (d < 50) { let alpha = map(d, 0, 50, 100, 0); if (a.isInIDD || b.isInIDD) { alpha *= emphasis; } stroke(50, alpha); strokeWeight(1); line(a.pos.x, a.pos.y, b.pos.x, b.pos.y); } } } // 点の描画と更新 for (let a of agents) { a.update(emphasis); a.display(emphasis); } } class Agent { constructor(x, y, isInIDD) { this.origin = createVector(x, y); this.pos = createVector(x, y); this.vel = p5.Vector.random2D().mult(random(0.2)); this.isInIDD = isInIDD; } update(emphasis) { let pull = p5.Vector.sub(this.origin, this.pos).mult(0.01); let noiseMove = p5.Vector.random2D().mult(0.3); this.vel.add(pull); this.vel.add(noiseMove); this.vel.limit(this.isInIDD ? 0.4 + 0.4 * (1 - emphasis) : 0.4); this.pos.add(this.vel); } display(emphasis) { noStroke(); let baseAlpha = this.isInIDD ? 100 * emphasis : 60; let col = this.isInIDD ? color(30, baseAlpha) : color(120, baseAlpha); fill(col); ellipse(this.pos.x, this.pos.y, 2.5); } }

Trace of Connection