const params = { speed: 9, cell: 26, wrap: true, autopilot: true, snake: '#6ff7e8', food: '#ffb454', nebula: '#5a2bd6', restart: () => resetGame(), }; let cols, rows, ox, oy; let body = [], prevBody = [], dir, dirQueue = [], pendingGrow = 0; let food = null, bonus = null, acc = 0, state = 'play', score = 0, hi = 0, eaten = 0; let deadTimer = 0, shake = 0; let particles = [], stars = []; let bg = null, gridG = null; let occ, visit, queue, stamp = 0; const NB = [[1, 0], [-1, 0], [0, 1], [0, -1]]; function setup() { createCanvas(windowWidth, windowHeight); gui.add(params, 'speed', 3, 20, 0.5).name('Speed'); gui.add(params, 'cell', 14, 48, 1).name('Cell Size').onChange(buildWorld); gui.add(params, 'wrap').name('Wrap Edges').onChange(() => { buildGrid(); resetGame(); }); gui.add(params, 'autopilot').name('Autopilot').onChange(() => { if (params.autopilot && state === 'dead') resetGame(); }); gui.addColor(params, 'snake').name('Snake').onChange(buildGrid); gui.addColor(params, 'food').name('Planets'); gui.addColor(params, 'nebula').name('Nebula').onChange(buildBackground); gui.add(params, 'restart').name('Restart'); buildWorld(); } function windowResized() { resizeCanvas(windowWidth, windowHeight); buildWorld(); } function refreshGui() { if (gui.controllersRecursive) gui.controllersRecursive().forEach((c) => c.updateDisplay && c.updateDisplay()); } // ---------- world ---------- function buildWorld() { const c = params.cell; cols = max(10, floor((width - 20) / c)); rows = max(8, floor((height - 70) / c)); ox = (width - cols * c) / 2; oy = (height - rows * c) / 2 + 18; occ = new Uint8Array(cols * rows); visit = new Uint32Array(cols * rows); queue = new Int32Array(cols * rows); stars = []; const n = floor(width * height / 3500); for (let i = 0; i < n; i++) stars.push({ x: random(width), y: random(height), z: pow(random(), 2.2) * 0.9 + 0.1, tw: random(TWO_PI) }); buildBackground(); buildGrid(); resetGame(); } function buildBackground() { const s = 5; const w = ceil(width / s), h = ceil(height / s); if (bg) bg.remove(); bg = createGraphics(w, h); bg.pixelDensity(1); bg.loadPixels(); const neb = color(params.nebula); const nr = red(neb), ng = green(neb), nbv = blue(neb); noiseDetail(5, 0.5); for (let y = 0; y < h; y++) { for (let x = 0; x < w; x++) { const sx = x * s * 0.0022, sy = y * s * 0.0022; const n1 = noise(sx, sy, 7.3); const n2 = noise(sx * 2.1 + 10, sy * 2.1, 3.1); const a = pow(max(0, n1 - 0.38) * 2.4, 1.7); const b = pow(max(0, n2 - 0.52) * 2.2, 2.0) * 0.7; const u = x / w - 0.5, v = y / h - 0.5; const vig = 1 - 0.9 * (u * u + v * v); const i = (y * w + x) * 4; bg.pixels[i] = (4 + nr * a * 0.5 + 16 * b) * vig; bg.pixels[i + 1] = (3 + ng * a * 0.5 + 110 * b * 0.6) * vig; bg.pixels[i + 2] = (14 + nbv * a * 0.55 + 140 * b * 0.6) * vig; bg.pixels[i + 3] = 255; } } bg.updatePixels(); noiseDetail(4, 0.5); } function buildGrid() { if (!cols) return; if (gridG) gridG.remove(); gridG = createGraphics(width, height); const c = params.cell; gridG.noStroke(); gridG.fill(255, 255, 255, 6); gridG.rect(ox, oy, cols * c, rows * c); gridG.stroke(255, 255, 255, 26); gridG.strokeWeight(1.4); for (let y = 0; y <= rows; y++) for (let x = 0; x <= cols; x++) gridG.point(ox + x * c, oy + y * c); const sc = color(params.snake); if (!params.wrap) { gridG.noFill(); for (let k = 3; k >= 0; k--) { sc.setAlpha(k === 0 ? 200 : 25); gridG.stroke(sc); gridG.strokeWeight(k === 0 ? 2 : 2 + k * 3); gridG.rect(ox - 3, oy - 3, cols * c + 6, rows * c + 6, 6); } } else { sc.setAlpha(40); gridG.stroke(sc); gridG.strokeWeight(1); gridG.noFill(); gridG.drawingContext.setLineDash([4, 8]); gridG.rect(ox, oy, cols * c, rows * c); } } // ---------- game ---------- function resetGame() { if (!cols) return; const cx = floor(cols / 2), cy = floor(rows / 2); body = []; for (let i = 0; i < 5; i++) body.push({ x: cx - i, y: cy }); prevBody = body.map((p) => ({ x: p.x, y: p.y })); dir = { x: 1, y: 0 }; dirQueue = []; pendingGrow = 0; acc = 0; score = 0; eaten = 0; bonus = null; state = 'play'; deadTimer = 0; spawnFood(); } function onBody(x, y) { for (const p of body) if (p.x === x && p.y === y) return true; return false; } function freeCell() { for (let k = 0; k < 800; k++) { const x = floor(random(cols)), y = floor(random(rows)); if (!onBody(x, y) && !(food && food.x === x && food.y === y) && !(bonus && bonus.x === x && bonus.y === y)) return { x, y }; } return { x: 0, y: 0 }; } function spawnFood() { const c = freeCell(); food = { x: c.x, y: c.y, ring: random() < 0.45, tilt: random(-0.7, 0.7), born: millis() }; } function spawnBonus() { const c = freeCell(); bonus = { x: c.x, y: c.y, ttl: 48 }; } function nextCell(x, y, d) { let nx = x + d.x, ny = y + d.y; if (params.wrap) { nx = (nx + cols) % cols; ny = (ny + rows) % rows; } else if (nx < 0 || ny < 0 || nx >= cols || ny >= rows) return null; return { x: nx, y: ny }; } function flood(sx, sy, cap) { stamp++; const s = sy * cols + sx; if (occ[s]) return 0; let h = 0, t = 0, c = 0; visit[s] = stamp; queue[t++] = s; while (h < t) { const k = queue[h++]; if (++c >= cap) return c; const x = k % cols, y = (k / cols) | 0; for (let i = 0; i < 4; i++) { let nx = x + NB[i][0], ny = y + NB[i][1]; if (params.wrap) { nx = (nx + cols) % cols; ny = (ny + rows) % rows; } else if (nx < 0 || ny < 0 || nx >= cols || ny >= rows) continue; const idx = ny * cols + nx; if (!occ[idx] && visit[idx] !== stamp) { visit[idx] = stamp; queue[t++] = idx; } } } return c; } function wrapDist(a, b, n) { const d = abs(a - b); return params.wrap ? min(d, n - d) : d; } function aiDir() { occ.fill(0); const growing = pendingGrow > 0; for (let i = 0; i < body.length - (growing ? 0 : 1); i++) occ[body[i].y * cols + body[i].x] = 1; const target = bonus || food; const cands = [dir, { x: dir.y, y: -dir.x }, { x: -dir.y, y: dir.x }]; const need = body.length + 2; let best = null, bestScore = Infinity; for (const d of cands) { const n = nextCell(body[0].x, body[0].y, d); if (!n || occ[n.y * cols + n.x]) continue; const reach = flood(n.x, n.y, need); const dist = wrapDist(n.x, target.x, cols) + wrapDist(n.y, target.y, rows); const sc = reach >= need ? dist + random(0.3) : 10000 - reach; if (sc < bestScore) { bestScore = sc; best = d; } } return best || dir; } function step() { prevBody = body.map((p) => ({ x: p.x, y: p.y })); if (params.autopilot) dir = aiDir(); else if (dirQueue.length) { const d = dirQueue.shift(); if (!(d.x === -dir.x && d.y === -dir.y)) dir = d; } const head = body[0]; const n = nextCell(head.x, head.y, dir); if (!n) { die(); return; } const growing = pendingGrow > 0; for (let i = 0; i < body.length - (growing ? 0 : 1); i++) { if (body[i].x === n.x && body[i].y === n.y) { die(); return; } } body.unshift(n); if (growing) { pendingGrow--; const l = prevBody[prevBody.length - 1]; prevBody.push({ x: l.x, y: l.y }); } else body.pop(); // thruster sparks const hc = color(params.snake); for (let k = 0; k < 2; k++) addParticle(cx(head.x), cy(head.y), -dir.x * random(20, 60) + random(-15, 15), -dir.y * random(20, 60) + random(-15, 15), random(0.3, 0.7), hc, 1.5); if (n.x === food.x && n.y === food.y) { score += 10; eaten++; pendingGrow++; burst(cx(n.x), cy(n.y), color(params.food), 26); if (eaten % 5 === 0 && !bonus) spawnBonus(); spawnFood(); } if (bonus) { bonus.ttl--; if (n.x === bonus.x && n.y === bonus.y) { score += 20 + bonus.ttl * 2; burst(cx(n.x), cy(n.y), color(220, 235, 255), 40); shake = params.cell * 0.15; bonus = null; } else if (bonus.ttl <= 0) bonus = null; } } function die() { state = 'dead'; deadTimer = 0; hi = max(hi, score); shake = params.cell * 0.5; const sc = color(params.snake); for (let i = 0; i < body.length; i += 1) burst(cx(body[i].x), cy(body[i].y), sc, 5); } // ---------- particles ---------- function addParticle(x, y, vx, vy, life, col, size) { if (particles.length > 900) return; particles.push({ x, y, vx, vy, life, max: life, r: red(col), g: green(col), b: blue(col), size }); } function burst(x, y, col, n) { for (let i = 0; i < n; i++) { const a = random(TWO_PI), s = random(30, 180); addParticle(x, y, cos(a) * s, sin(a) * s, random(0.5, 1.3), col, random(1.5, 3.5)); } } function cx(x) { return ox + x * params.cell + params.cell / 2; } function cy(y) { return oy + y * params.cell + params.cell / 2; } // ---------- input ---------- function takeHelm() { if (params.autopilot) { params.autopilot = false; refreshGui(); resetGame(); } } function queueDir(d) { const last = dirQueue.length ? dirQueue[dirQueue.length - 1] : dir; if ((d.x === -last.x && d.y === -last.y) || (d.x === last.x && d.y === last.y)) return; if (dirQueue.length < 3) dirQueue.push(d); } function keyPressed() { let d = null; const k = typeof key === 'string' ? key.toLowerCase() : ''; if (keyCode === UP_ARROW || k === 'w') d = { x: 0, y: -1 }; else if (keyCode === DOWN_ARROW || k === 's') d = { x: 0, y: 1 }; else if (keyCode === LEFT_ARROW || k === 'a') d = { x: -1, y: 0 }; else if (keyCode === RIGHT_ARROW || k === 'd') d = { x: 1, y: 0 }; if (state === 'dead' && deadTimer > 0.6 && (d || k === ' ' || keyCode === ENTER)) { resetGame(); if (!d) return false; } if (d) { takeHelm(); queueDir(d); return false; } if (k === ' ') return false; } function mousePressed() { if (mouseX < 0 || mouseY < 0 || mouseX > width || mouseY > height) return; if (state === 'dead') { if (deadTimer > 0.6) { takeHelm(); resetGame(); } return; } takeHelm(); const last = dirQueue.length ? dirQueue[dirQueue.length - 1] : dir; const hx = cx(body[0].x), hy = cy(body[0].y); const dx = mouseX - hx, dy = mouseY - hy; if (last.x !== 0) queueDir({ x: 0, y: dy < 0 ? -1 : 1 }); else queueDir({ x: dx < 0 ? -1 : 1, y: 0 }); } // ---------- drawing ---------- function drawPlanet() { const ctx = drawingContext; const neb = color(params.nebula); const r = red(neb), g = green(neb), b = blue(neb); const px = width * 0.82, py = height * 0.2, pr = min(width, height) * 0.17; const halo = ctx.createRadialGradient(px, py, pr * 0.9, px, py, pr * 1.6); halo.addColorStop(0, `rgba(${r},${g},${b},0.22)`); halo.addColorStop(1, 'rgba(0,0,0,0)'); ctx.fillStyle = halo; ctx.beginPath(); ctx.arc(px, py, pr * 1.6, 0, Math.PI * 2); ctx.fill(); const gr = ctx.createRadialGradient(px - pr * 0.45, py - pr * 0.45, pr * 0.05, px, py, pr); gr.addColorStop(0, `rgba(${min(255, r + 90)},${min(255, g + 90)},${min(255, b + 60)},0.55)`); gr.addColorStop(0.55, `rgba(${r * 0.45},${g * 0.4},${b * 0.55},0.5)`); gr.addColorStop(1, 'rgba(6,4,18,0.85)'); ctx.fillStyle = gr; ctx.beginPath(); ctx.arc(px, py, pr, 0, Math.PI * 2); ctx.fill(); ctx.save(); ctx.translate(px, py); ctx.rotate(-0.35); ctx.strokeStyle = `rgba(${min(255, r + 120)},${min(255, g + 110)},255,0.25)`; ctx.lineWidth = pr * 0.05; ctx.beginPath(); ctx.ellipse(0, 0, pr * 1.75, pr * 0.32, 0, 0, Math.PI * 2); ctx.stroke(); ctx.lineWidth = pr * 0.015; ctx.beginPath(); ctx.ellipse(0, 0, pr * 1.95, pr * 0.37, 0, 0, Math.PI * 2); ctx.stroke(); ctx.restore(); } function drawStars(dt, t) { const mx = (mouseX - width / 2) * 0.02, my = (mouseY - height / 2) * 0.02; noStroke(); for (const s of stars) { s.x -= s.z * 6 * dt; if (s.x < -5) { s.x = width + 5; s.y = random(height); } const a = 90 + 165 * s.z * (0.65 + 0.35 * sin(t * (1 + s.z * 2) + s.tw)); fill(225, 232, 255, a); const sz = 0.6 + s.z * 2.2; circle(s.x + mx * s.z, s.y + my * s.z, sz); } } function drawFood(t) { const c = params.cell; const x = cx(food.x), y = cy(food.y); const popIn = min(1, (millis() - food.born) / 300); const r = c * 0.34 * (1 + 0.07 * sin(t * 4)) * (0.3 + 0.7 * popIn); const fc = color(params.food); drawingContext.shadowColor = params.food; drawingContext.shadowBlur = c * 0.9; noStroke(); fill(fc); circle(x, y, r * 2); drawingContext.shadowBlur = 0; fill(255, 255, 255, 90); circle(x - r * 0.35, y - r * 0.35, r * 0.6); fill(10, 5, 25, 110); arc(x, y, r * 2, r * 2, -0.6, PI - 0.6); if (food.ring) { push(); translate(x, y); rotate(food.tilt); noFill(); fc.setAlpha(190); stroke(fc); strokeWeight(max(1, c * 0.05)); ellipse(0, 0, r * 3.4, r * 0.9); pop(); } } function drawBonus(t) { if (bonus.ttl < 12 && floor(t * 8) % 2 === 0) return; const c = params.cell; const x = cx(bonus.x), y = cy(bonus.y); push(); translate(x, y); blendMode(ADD); noStroke(); for (let i = 5; i > 0; i--) { fill(120, 170, 255, 14); circle(0, 0, c * 0.5 * i); } rotate(t * 1.5); fill(235, 245, 255); const L = c * 0.62, W = c * 0.1; beginShape(); for (let i = 0; i < 8; i++) { const a = i * QUARTER_PI; const rr = i % 2 === 0 ? L : W; vertex(cos(a) * rr, sin(a) * rr); } endShape(CLOSE); blendMode(BLEND); pop(); } function drawSnake(prog, t) { const c = params.cell; const len = body.length; if (state === 'dead') { if (deadTimer < 1.4 && floor(deadTimer * 7) % 2 === 1) return; if (deadTimer >= 1.4) return; } const hc = color(params.snake); const tc = lerpColor(hc, color(params.nebula), 0.75); const pos = []; for (let i = 0; i < len; i++) { const a = prevBody[i] || body[i], b = body[i]; let x, y; if (abs(a.x - b.x) > 1 || abs(a.y - b.y) > 1) { x = cx(b.x); y = cy(b.y); } else { x = lerp(cx(a.x), cx(b.x), prog); y = lerp(cy(a.y), cy(b.y), prog); } pos.push(x, y); } // glow blendMode(ADD); noStroke(); for (let i = len - 1; i >= 0; i--) { const k = i / max(1, len - 1); const col = lerpColor(hc, tc, k); col.setAlpha(26 * (1 - k * 0.6)); fill(col); circle(pos[i * 2], pos[i * 2 + 1], c * 1.7); } blendMode(BLEND); rectMode(CENTER); for (let i = len - 1; i >= 0; i--) { const k = i / max(1, len - 1); const s = c * (i === 0 ? 0.92 : 0.8 * (1 - k * 0.35)); fill(lerpColor(hc, tc, k)); rect(pos[i * 2], pos[i * 2 + 1], s, s, s * 0.32); if (i > 0) { fill(255, 255, 255, 30 * (1 - k)); rect(pos[i * 2], pos[i * 2 + 1], s * 0.4, s * 0.4, s * 0.15); } } // head details const hx = pos[0], hy = pos[1]; fill(255, 255, 255, 170); rect(hx, hy, c * 0.4, c * 0.4, c * 0.12); const px = -dir.y, py = dir.x; fill(8, 6, 22); const e = c * 0.2, f = c * 0.18; rect(hx + dir.x * f + px * e, hy + dir.y * f + py * e, c * 0.14, c * 0.14, 2); rect(hx + dir.x * f - px * e, hy + dir.y * f - py * e, c * 0.14, c * 0.14, 2); rectMode(CORNER); } function drawParticles(dt) { blendMode(ADD); noStroke(); for (let i = particles.length - 1; i >= 0; i--) { const p = particles[i]; p.life -= dt; if (p.life <= 0) { particles.splice(i, 1); continue; } p.x += p.vx * dt; p.y += p.vy * dt; p.vx *= 0.96; p.vy *= 0.96; const k = p.life / p.max; fill(p.r, p.g, p.b, 255 * k); circle(p.x, p.y, p.size * (0.5 + k)); } blendMode(BLEND); } function drawHud(t) { const sc = color(params.snake); textFont('monospace'); noStroke(); const ts = constrain(params.cell * 0.7, 14, 22); textSize(ts); fill(sc); textAlign(LEFT, CENTER); text('SCORE ' + nf(score, 4), max(16, ox), oy / 2 + 2); textAlign(RIGHT, CENTER); fill(255, 255, 255, 150); text('HI ' + nf(hi, 4), width - max(16, ox), oy / 2 + 2); if (bonus) { textAlign(CENTER, CENTER); fill(200, 220, 255, 200); text('COMET ' + nf(20 + bonus.ttl * 2, 3), width / 2, oy / 2 + 2); } if (params.autopilot && state === 'play') { textAlign(CENTER, CENTER); textSize(max(12, ts * 0.7)); fill(255, 255, 255, 110 + 70 * sin(t * 2)); text('AUTOPILOT · arrows / WASD or tap to take the helm', width / 2, height - max(18, (height - oy - rows * params.cell) / 2)); } if (state === 'dead' && deadTimer > 0.4) { const a = min(1, (deadTimer - 0.4) * 2.5); textAlign(CENTER, CENTER); fill(8, 6, 22, 150 * a); rectMode(CENTER); rect(width / 2, height / 2, min(width * 0.8, 420), ts * 7, 10); rectMode(CORNER); sc.setAlpha(255 * a); fill(sc); textSize(ts * 1.8); text('LOST IN SPACE', width / 2, height / 2 - ts * 1.3); textSize(ts); fill(255, 255, 255, 220 * a); text('score ' + score, width / 2, height / 2 + ts * 0.4); fill(255, 255, 255, (120 + 80 * sin(t * 3)) * a); textSize(ts * 0.75); text(params.autopilot ? 'relaunching…' : 'press any key to relaunch', width / 2, height / 2 + ts * 1.9); } } function draw() { const dt = min(deltaTime / 1000, 0.05); const t = millis() / 1000; image(bg, 0, 0, width, height); drawPlanet(); drawStars(dt, t); if (state === 'play') { acc += dt * params.speed; let guard = 0; while (acc >= 1 && guard++ < 5) { acc -= 1; step(); if (state !== 'play') break; } if (acc >= 1) acc = 0; } else { deadTimer += dt; if (params.autopilot && deadTimer > 2.4) resetGame(); } const prog = state === 'play' ? acc : 1; push(); if (shake > 0.2) translate(random(-shake, shake), random(-shake, shake)); shake *= 0.88; image(gridG, 0, 0, width, height); if (food) drawFood(t); if (bonus) drawBonus(t); drawSnake(prog, t); drawParticles(dt); pop(); drawHud(t); }