function createGame({ sdk }) { var W = sdk.W, H = sdk.H; var px, py, r, prey, t, spawnT, timeLeft, over; sdk.music({ mood: "intense" }); sdk.bg("grid", { color: "#2a1a4a", base: "#050210", glow: "#1a0d38", speed: 18, horizon: 0.35 }); sdk.tweaks({ follow: { value: 7, min: 3, max: 14, step: 1, label: "Void glide", desc: "How fast the void chases your finger" }, growth: { value: 0.55, min: 0.25, max: 1.0, step: 0.05, label: "Appetite", desc: "How fast you grow per meal" }, timer: { value: 45, min: 25, max: 90, step: 5, label: "Time limit", group: "Rules" }, density: { value: 1.0, min: 0.6, max: 1.8, step: 0.1, label: "City density", group: "Rules" }, voidColor: { kind: "color", value: "#b388ff", label: "Void glow", group: "Look" } }); var KINDS = [ { e: "🚗", r: 12, pts: 1 }, { e: "🚕", r: 13, pts: 1 }, { e: "🚚", r: 18, pts: 2 }, { e: "🚌", r: 22, pts: 3 }, { e: "🏠", r: 28, pts: 5 }, { e: "🌳", r: 20, pts: 2 }, { e: "✈️", r: 34, pts: 8 }, { e: "🏢", r: 44, pts: 14 }, { e: "🏙️", r: 60, pts: 30 } ]; function spawnOne() { // pick a kind roughly scaled to current void size — a mix of eatable + a few too-big var maxIdx = 0; for (var i = 0; i < KINDS.length; i++) if (KINDS[i].r < r + 24) maxIdx = i; var idx = Math.floor(Math.random() * Math.min(KINDS.length, maxIdx + 2)); var k = KINDS[idx]; var edge = Math.random(); var x, y; if (edge < 0.5) { x = Math.random() * W; y = Math.random() < 0.5 ? -30 : H + 30; } else { x = Math.random() < 0.5 ? -30 : W + 30; y = Math.random() * H; } prey.push({ x: x, y: y, r: k.r, e: k.e, pts: k.pts, vx: (Math.random() - 0.5) * 30, vy: (Math.random() - 0.5) * 30, wob: Math.random() * 6.28 }); } sdk.run({ reset: function () { px = W / 2; py = H / 2; r = 16; prey = []; t = 0; spawnT = 0; timeLeft = sdk.tweak("timer"); over = false; for (var i = 0; i < 10; i++) spawnOne(); }, update: function (dt, input) { if (over) return; t += dt; timeLeft -= dt; if (timeLeft <= 0) { over = true; timeLeft = 0; sdk.juice.flash(0.4); sdk.juice.shake(6); return r > 55 ? sdk.win() : sdk.gameOver(); } // drag glide if (input.pointerX !== null) { var k = Math.min(1, sdk.tweak("follow") * dt); px += (input.pointerX - px) * k; py += (input.pointerY - py) * k; } px = sdk.clamp(px, r, W - r); py = sdk.clamp(py, r, H - r); // keep the city populated spawnT += dt; var interval = Math.max(0.3, 0.7 / sdk.tweak("density")); var target = Math.floor(11 * sdk.tweak("density")); if (spawnT >= interval && prey.length < target) { spawnT = 0; spawnOne(); } for (var i = prey.length - 1; i >= 0; i--) { var o = prey[i]; o.wob += dt * 2; o.x += o.vx * dt; o.y += o.vy * dt; // too-big things exert a slight gravity tug toward the void (menacing) var tooBig = o.r >= r; var dx = px - o.x, dy = py - o.y; var d = Math.sqrt(dx * dx + dy * dy) || 1; if (tooBig && d < 160) { o.x += (dx / d) * 18 * dt; o.y += (dy / d) * 18 * dt; } else if (!tooBig && d < 130) { // small things get sucked in — the void PULLS its prey o.x += (dx / d) * (40 * (1 - d / 130)) * dt; o.y += (dy / d) * (40 * (1 - d / 130)) * dt; } // wrap wandering stragglers back if (o.x < -60 || o.x > W + 60 || o.y < -60 || o.y > H + 60) { if (Math.random() < 0.02) { prey.splice(i, 1); } continue; } // collision: eat if smaller, bump if bigger if (d < r + o.r * 0.65) { if (o.r < r) { prey.splice(i, 1); r += o.r * sdk.tweak("growth") * 0.12; r = Math.min(r, 90); var pts = o.pts; sdk.addScore(pts); sdk.juice.burst(o.x, o.y, sdk.tweak("voidColor"), 10 + o.pts, 120 + o.r * 4); sdk.juice.popup("+" + pts, o.x, o.y - o.r, "#ffd166"); sdk.tone(o.pts >= 8 ? "pickup" : "score"); if (o.pts >= 14) { sdk.juice.shake(8); sdk.juice.flash(0.25); sdk.juice.popup("DEVOURED!", W / 2, H / 2, "#ff5d7d"); } else if (o.pts >= 3) { sdk.juice.shake(2); } sdk.haptic(15); } else { // TOO BIG — bounce off, shrink a little, only after a grace period prey[i].bumpT = prey[i].bumpT || 0; if (t > 2 && prey[i].bumpT < t - 0.6) { prey[i].bumpT = t; r = Math.max(12, r - 2.5); // shove the void away px -= (dx / d) * 26; py -= (dy / d) * 26; px = sdk.clamp(px, r, W - r); py = sdk.clamp(py, r, H - r); o.vx += (o.x - px) / d * 60; o.vy += (o.y - py) / d * 60; sdk.juice.shake(5); sdk.juice.flash(0.2); sdk.juice.popup("TOO BIG!", o.x, o.y - o.r, "#ff5d7d"); sdk.tone("hit"); sdk.haptic(30); } } } } }, draw: function (c) { var vc = sdk.tweak("voidColor"); // prey c.textAlign = "center"; c.textBaseline = "middle"; for (var i = 0; i < prey.length; i++) { var o = prey[i]; var eatable = o.r < r; c.font = Math.round(o.r * 2) + "px system-ui"; if (!eatable) { // faint red danger halo on too-big things c.save(); c.shadowColor = "#ff3d5d"; c.shadowBlur = 10; c.globalAlpha = 0.9; c.fillText(o.e, o.x, o.y); c.restore(); } else { c.fillText(o.e, o.x, o.y); } } // the void: dark core + swirling glow ring c.save(); var grad = c.createRadialGradient(px, py, r * 0.2, px, py, r * 1.5); grad.addColorStop(0, "#000000"); grad.addColorStop(0.7, "#000000"); grad.addColorStop(1, "rgba(0,0,0,0)"); c.fillStyle = grad; sdk.circle(c, px, py, r * 1.5); // accretion ring c.shadowColor = vc; c.shadowBlur = 22; c.strokeStyle = vc; c.lineWidth = 3; c.beginPath(); c.arc(px, py, r + 2, t * 2, t * 2 + 5.2); c.stroke(); c.globalAlpha = 0.5; c.beginPath(); c.arc(px, py, r + 7, -t * 1.4, -t * 1.4 + 3.5); c.stroke(); c.restore(); // HUD: timer bar var frac = timeLeft / sdk.tweak("timer"); c.fillStyle = "rgba(255,255,255,0.12)"; sdk.roundRect(c, 20, 18, W - 40, 8, 4); c.fillStyle = frac < 0.25 ? "#ff5d5d" : vc; c.save(); c.shadowColor = c.fillStyle; c.shadowBlur = 10; sdk.roundRect(c, 20, 18, (W - 40) * Math.max(0, frac), 8, 4); c.restore(); c.font = "13px system-ui"; c.textAlign = "right"; c.fillStyle = "#c4b5fd"; c.fillText(Math.ceil(timeLeft) + "s goal 🏙️", W - 20, 44); } }); }

Hungry Void

0 comments