var w = 700; var h = 700; var d = 100; var n = 200; var points = new Array(n); const palette = ["#69A5D7", "#000000", "#620E85", "#21146E", "#C73D89"]; let hueValue = 9; // 初期の色相値 let t = 0; function setup() { createCanvas(windowWidth, windowHeight); colorMode(HSB, 360, 100, 100); // HSBモードに設定 randomSeed(777); //blendMode(DIFFERENCE); background(0); // 初期背景色を設定 stroke(30, 30, 50); for (i = 0; i < n; i++) { points[i] = [random(width), random(height), 1, random(-1, 1), random(-1, 1)]; } } function draw() { hueValue = (hueValue + 0.1) % 360; // 色相を徐々に増加させ、360でループ let bgColor = color(hueValue, 100, 100); background(bgColor); //drawingContext.filter = 'blur(100px)'; noFill(); for (let j = 0; j < 50; j++) { stroke(palette[j % palette.length]); strokeWeight(60); let num = 20; beginShape(); for (let i = 0; i < num; i++) { curveVertex( map(noise(i + t, j - t), 0.2, 0.8, -width * 0.25, width * 1.25), map(noise(i - t, j + t), 0.2, 0.8, -width * 0.25, width * 1.25) ); } endShape(); } filter(BLUR, 55); // 星(小さめ) //drawingContext.filter = 'blur(2px)'; noStroke(); for (let k = 0; k < 200; k++) { fill(120,75,100, map(noise(k - t), 0, 1, 100, 255)); circle( map(noise(k, - t), 0.2, 0.8, 0, width), map(noise(t, k), 0.2, 0.8, 0, height), map(noise(k + t, k - t), 0, 1, 1, 3) ); } // 星(大きめ) //drawingContext.filter = 'blur(5px)'; for (let p = 0; p < 70; p++) { for(let i = 0; i < 5; i++){ fill(60,100, 100,0.2); //map(noise(p - t), 0, 1, 100, 255)-(i*20) circle( map(noise(- t, p), 0.2, 0.8, 0, width), map(noise(p, t), 0.2, 0.8, 0, height), map(noise(p + t, p - t), 0.2, 0.8, 3, 10)+i*0.5 ); } } for (i = 0; i < n; i++) { var x = points[i][0]; var y = points[i][1]; for (j = 0; j < n; j++) { if (i !== j) { var distans = sqrt((x - points[j][0]) * (x - points[j][0]) + (y - points[j][1]) * (y - points[j][1])); if (distans < d) { stroke(150,22,55); strokeWeight(0.55); line(x, y, points[j][0], points[j][1]); points[i][2]++; } } } } noStroke(); fill(255); for (i = 0; i < n; i++) { ellipse(points[i][0], points[i][1], points[i][2] * 1.5); points[i][0] = (points[i][0] + points[i][3]) % width; points[i][1] = (points[i][1] + points[i][4]) % height; points[i][2] = 1; } t += 0.0007; }