let shapes = []; const shapesNum = 700; let img = []; const timeline = [ [0, 10], [1, 1], [2, 2], [1, 1], [0, 40], [1, 1], [2, 1], [1, 1], [0, 4], [1, 1], [2, 1], [1, 1], [0, 30], ]; let timelineIndexes = []; let timelineIndex = 0; function preload() { img[0] = loadImage("https://stat.neort.io/externalResource/clotl64n70rgn7l2r6t0.png"); img[1] = loadImage("https://stat.neort.io/externalResource/clotl6sn70rgn7l2r6u0.png"); img[2] = loadImage("https://stat.neort.io/externalResource/clotl7kn70rgn7l2r6v0.png"); } let displayStatus = 0; const xStart = 200; const xEnd = 500; const yStart = 120; const yEnd = 520; function setup() { createCanvas(650, 650); angleMode(DEGREES); colorMode(HSB, 360, 100, 100, 100); rectMode(CENTER); for (let p = 0; p < timeline.length; p++) { for (let q = 0; q < timeline[p][1]; q++) { timelineIndexes.push(timeline[p][0]); } } for (let i = 0; i < shapesNum; i++) { shapes.push(new Shape()); } background(216, 97, 29); } function draw() { push(); blendMode(BLEND); background(216, 97, 29, 10); blendMode(SCREEN); for (let i = 0; i < shapes.length; i++) { shapes[i].move(); shapes[i].display(); } pop(); image( img[timelineIndexes[timelineIndex % timelineIndexes.length]], 0, 0, width, height ); // もうコードめちゃくちゃだよー noFill(); stroke("#72aef2"); const starsNum = 20; for (let i = 0; i < starsNum; i++) { let or = 220; let oa = (360 / starsNum) * i; let ox = or * cos(oa) + width / 2; let oy = or * sin(oa) + height / 2; let od = 15; if (oa > 270 || (oa >= 0 && oa < 30) || (oa > 130 && oa < 250)) { push(); translate(ox, oy); rotate(oa); beginShape(); for (let i = 0; i < 10; i++) { let angle = (360 / 10) * i; let r = i % 2 == 0 ? od : od * 0.575; let x = cos(angle) * r; let y = sin(angle) * r; vertex(x, y); } endShape(CLOSE); pop(); } } for (let j = 0; j < starsNum; j++) { let or = 200; let oa = (360 / starsNum) * j + 45; let ox = or * cos(oa) + width / 2; let oy = or * sin(oa) + height / 2; if ((oa > 290 && oa < 370) || (oa > 150 && oa < 230)) { circle(ox, oy, 10); } } if (frameCount % 3 == 0) { timelineIndex++; } } class Shape { constructor() { this.x = random(xStart, xEnd); this.y = random(yStart, yEnd); this.maxD = random(10, 40); this.d = this.maxD; this.dAngle = random(360); this.c = random(360); this.speed = random(1, 3); this.rot = random(360); this.rotSpeed = random([-1, 1]) * random(0.5, 3); } move() { this.x -= this.speed; this.y += this.speed; this.rot += this.rotSpeed; this.c += 3; this.c %= 360; this.d = sin(this.dAngle) < 0 ? 0 : this.maxD * abs(sin(this.dAngle)); this.dAngle += this.speed; if (this.x < xStart) { this.x = xEnd; } if (this.y > yEnd) { this.y = yStart; } } display() { fill(this.c, 100, map(this.y, yStart, yEnd, 0, 100), 80); noStroke(); push(); translate(this.x, this.y); rotate(this.rot); beginShape(); for (let i = 0; i < 10; i++) { let angle = (360 / 10) * i; let r = i % 2 == 0 ? this.d : this.d * 0.575; let x = cos(angle) * r; let y = sin(angle) * r; vertex(x, y); } endShape(CLOSE); pop(); } }

Comet Dress