let jellyfish = []; let particles = []; function setup() { createCanvas(windowWidth, windowHeight); colorMode(HSB, 360, 100, 100, 100); for (let i = 0; i < 6; i++) { jellyfish.push(new Jellyfish(random(width), random(height))); } } function draw() { background(240, 60, 8, 25); // stars randomSeed(42); for (let i = 0; i < 150; i++) { let sx = random(width); let sy = random(height); let sb = 40 + 60 * sin(frameCount * 0.02 + i); noStroke(); fill(60, 10, sb, 50); circle(sx, sy, random(1, 3)); } for (let j of jellyfish) { j.update(); j.display(); } for (let i = particles.length - 1; i >= 0; i--) { particles[i].update(); particles[i].display(); if (particles[i].life <= 0) particles.splice(i, 1); } } class Jellyfish { constructor(x, y) { this.x = x; this.y = y; this.baseHue = random(160, 320); this.size = random(40, 80); this.speed = random(0.3, 0.8); this.wobble = random(1000); this.tentacles = []; this.numTentacles = floor(random(5, 9)); for (let i = 0; i < this.numTentacles; i++) { this.tentacles.push([]); } this.phase = random(TWO_PI); } update() { let mx = (mouseX - this.x) * 0.003; let my = (mouseY - this.y) * 0.003; this.wobble += 0.01; this.x += sin(this.wobble * 1.3) * 0.8 + mx; this.y -= this.speed + sin(this.wobble) * 0.3 - my * 0.5; this.phase += 0.05; if (this.y < -this.size * 3) this.y = height + this.size * 2; if (this.x < -this.size * 2) this.x = width + this.size * 2; if (this.x > width + this.size * 2) this.x = -this.size * 2; for (let i = 0; i < this.numTentacles; i++) { let tx = this.x + map(i, 0, this.numTentacles - 1, -this.size * 0.6, this.size * 0.6); let ty = this.y + this.size * 0.3; this.tentacles[i].unshift({x: tx, y: ty}); if (this.tentacles[i].length > 30) this.tentacles[i].pop(); } if (random() < 0.1) { particles.push(new Particle(this.x + random(-this.size/2, this.size/2), this.y, this.baseHue)); } } display() { push(); let pulse = sin(this.phase) * 0.15 + 1; let sw = this.size * pulse; let sh = this.size * 0.7 * (1 / pulse); // glow for (let g = 3; g > 0; g--) { noStroke(); fill(this.baseHue, 70, 80, 5); ellipse(this.x, this.y, sw * (1 + g * 0.4), sh * (1 + g * 0.4)); } // body noStroke(); for (let i = 10; i > 0; i--) { let inter = i / 10; fill(this.baseHue, 50 + inter * 30, 60 + inter * 30, 40 + inter * 30); ellipse(this.x, this.y, sw * inter, sh * inter); } // dome highlight fill(this.baseHue, 20, 100, 20); ellipse(this.x - sw * 0.15, this.y - sh * 0.15, sw * 0.3, sh * 0.25); // tentacles for (let i = 0; i < this.numTentacles; i++) { let t = this.tentacles[i]; noFill(); for (let w = 3; w > 0; w--) { stroke(this.baseHue, 60, 70, 10 + w * 5); strokeWeight(w * 1.5); beginShape(); for (let j = 0; j < t.length; j++) { let wavex = sin(j * 0.3 + this.wobble * 2 + i) * (j * 0.5); curveVertex(t[j].x + wavex, t[j].y + j * 2); } endShape(); } } pop(); } } class Particle { constructor(x, y, hue) { this.x = x; this.y = y; this.hue = hue + random(-20, 20); this.life = 100; this.vx = random(-0.5, 0.5); this.vy = random(-1, 0.5); this.size = random(2, 5); } update() { this.x += this.vx; this.y += this.vy; this.life -= 1.2; } display() { noStroke(); fill(this.hue % 360, 60, 80, this.life * 0.5); circle(this.x, this.y, this.size * (this.life / 100)); } } function windowResized() { resizeCanvas(windowWidth, windowHeight); }

Claude Opus 4.6

Cosmic Jellyfish