function createGame({ sdk }) { var W = sdk.W, H = sdk.H; var orb, drag, bumpers, t, mult, balls, skillLit, skillT, live, launched; sdk.music({ mood: "drive" }); sdk.bg("grid", { color: "#2a0f5b", base: "#06030f", glow: "#1a0940", speed: 22, horizon: 0.15 }); sdk.tweaks({ power: { value: 3.4, min: 2, max: 6, step: 0.2, label: "Flick power", desc: "Launch strength per drag" }, gravity: { value: 480, min: 260, max: 800, step: 20, label: "Gravity" }, bounce: { value: 0.86, min: 0.6, max: 0.98, step: 0.02, label: "Bounciness" }, table: { kind: "seed", value: 7, label: "Table" } }); var R = 11; function buildTable() { var rand = sdk.rng(sdk.tweak("table") * 97 + 13); bumpers = []; var slots = [ { x: W * 0.30, y: H * 0.30 }, { x: W * 0.70, y: H * 0.34 }, { x: W * 0.50, y: H * 0.52 } ]; for (var i = 0; i < slots.length; i++) { bumpers.push({ x: slots[i].x + (rand() - 0.5) * 40, y: slots[i].y + (rand() - 0.5) * 40, r: 22 + rand() * 8, flash: 0 }); } } var laneX = W - 44, laneW = 26, laneTop = H * 0.20, laneBot = H * 0.62; function rackOrb() { orb = { x: W - 30, y: H - 90, vx: 0, vy: 0, resting: true, inLane: false }; live = false; } sdk.run({ reset: function () { buildTable(); rackOrb(); drag = null; t = 0; mult = 1; balls = 5; // five flicks per run — draining just costs a ball skillLit = true; skillT = 0; live = false; launched = false; }, update: function (dt, input) { t += dt; skillT += dt; if (!skillLit && skillT > 3.5) { skillLit = true; skillT = 0; } for (var b = 0; b < bumpers.length; b++) bumpers[b].flash *= 0.86; // ---- FLICK CONTROL (only when orb is racked) ---- if (!live) { if (input.holding && input.pointerX !== null) { if (!drag) drag = { sx: orb.x, sy: orb.y }; drag.x = input.pointerX; drag.y = input.pointerY; } else if (drag) { var dx = drag.sx - drag.x, dy = drag.sy - drag.y; var p = sdk.tweak("power"); orb.vx = dx * p; orb.vy = dy * p; var sp = Math.sqrt(orb.vx * orb.vx + orb.vy * orb.vy); if (sp > 30) { live = true; orb.resting = false; launched = true; // guaranteed reward for playing: launch bonus sdk.addScore(1); sdk.juice.popup("+1", orb.x, orb.y - 18, "#dfe8ff"); sdk.tone("jump"); sdk.haptic(10); sdk.juice.burst(orb.x, orb.y, "#dfe8ff", 8, 160); } else { orb.vx = 0; orb.vy = 0; } drag = null; } if (!live && !drag && orb.resting) { orb.vx = 0; orb.vy = 0; } } // ---- PHYSICS (live orb) ---- if (live) { var g = sdk.tweak("gravity"), rest = sdk.tweak("bounce"); orb.vy += g * dt; orb.x += orb.vx * dt; orb.y += orb.vy * dt; if (orb.x < R + 8) { orb.x = R + 8; orb.vx = Math.abs(orb.vx) * rest; sdk.tone("hit"); } if (orb.x > W - R - 8) { orb.x = W - R - 8; orb.vx = -Math.abs(orb.vx) * rest; sdk.tone("hit"); } if (orb.y < R + 8) { orb.y = R + 8; orb.vy = Math.abs(orb.vy) * rest; var slotW = Math.max(22, 46 - sdk.score * 0.15); if (skillLit && Math.abs(orb.x - W / 2) < slotW / 2) { skillLit = false; skillT = 0; var dump = 50 * mult; sdk.addScore(dump); sdk.juice.flash(0.55); sdk.juice.shake(12); sdk.haptic(40); sdk.juice.popup("SKILL SHOT! +" + dump, W / 2, 60, "#ffd166"); sdk.juice.burst(W / 2, 24, "#ffd166", 30, 260); sdk.tone("win"); } } // bumpers for (var i = 0; i < bumpers.length; i++) { var bm = bumpers[i]; var ddx = orb.x - bm.x, ddy = orb.y - bm.y; var dist = Math.sqrt(ddx * ddx + ddy * ddy); var min = bm.r + R; if (dist < min && dist > 0) { var nx = ddx / dist, ny = ddy / dist; orb.x = bm.x + nx * min; orb.y = bm.y + ny * min; var vdot = orb.vx * nx + orb.vy * ny; orb.vx = (orb.vx - 2 * vdot * nx) * rest + nx * 120; orb.vy = (orb.vy - 2 * vdot * ny) * rest + ny * 120; bm.flash = 1; var pts = 1 * mult; sdk.addScore(pts); sdk.juice.burst(bm.x, bm.y, "#3af0ff", 12, 200); sdk.juice.popup("+" + pts + (mult > 1 ? " ×" + mult : ""), bm.x, bm.y - 20, "#3af0ff"); sdk.juice.shake(2); sdk.tone("score"); sdk.haptic(8); } } // multiplier lane if (orb.x > laneX && orb.y > laneTop && orb.y < laneBot) { if (!orb.inLane) { orb.inLane = true; mult = Math.min(6, mult + 1); sdk.juice.flash(0.18); sdk.juice.shake(3); sdk.juice.popup("×" + mult + "!", laneX - 6, orb.y, "#ffd166"); sdk.juice.burst(laneX, orb.y, "#ffd166", 14, 180); sdk.tone("pickup"); sdk.haptic(14); } } else { orb.inLane = false; } orb.vx *= 0.995; orb.vy *= 0.999; // ---- BOTTOM: drain costs a ball, re-racks; game ends only when out of balls ---- if (orb.y > H + 20) { balls--; sdk.juice.burst(orb.x, H - 20, "#ff5d7d", 20, 200); sdk.juice.shake(6); sdk.haptic(20); mult = 1; // lose the multiplier on a drain if (balls <= 0) { sdk.juice.flash(0.4); sdk.juice.shake(10); sdk.haptic(30); sdk.tone("hit"); return sdk.gameOver(); } else { sdk.juice.popup("DRAIN", W / 2, H - 80, "#ff5d7d"); sdk.tone("hit"); rackOrb(); } } } }, draw: function (c) { // multiplier lane c.save(); c.fillStyle = "rgba(255,209,102,0.10)"; c.fillRect(laneX, laneTop, laneW + 8, laneBot - laneTop); c.strokeStyle = "#ffd166"; c.shadowColor = "#ffd166"; c.shadowBlur = 10; c.lineWidth = 2; c.strokeRect(laneX, laneTop, laneW + 8, laneBot - laneTop); c.fillStyle = "#ffd166"; c.font = "11px system-ui"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText("MULT", laneX + laneW / 2 + 4, (laneTop + laneBot) / 2); c.restore(); // skill slot var slotW = Math.max(22, 46 - sdk.score * 0.15); c.save(); c.strokeStyle = skillLit ? "#ffd166" : "#4a3a1a"; c.shadowColor = skillLit ? "#ffd166" : "transparent"; c.shadowBlur = skillLit ? 18 : 0; c.lineWidth = 3; c.beginPath(); c.moveTo(W / 2 - slotW / 2, 6); c.lineTo(W / 2 - slotW / 2, 26); c.moveTo(W / 2 + slotW / 2, 6); c.lineTo(W / 2 + slotW / 2, 26); c.stroke(); if (skillLit) { c.fillStyle = "#ffd166"; c.font = "10px system-ui"; c.textAlign = "center"; c.fillText("SKILL", W / 2, 40); } c.restore(); // bumpers for (var i = 0; i < bumpers.length; i++) { var bm = bumpers[i]; c.save(); var glow = 10 + bm.flash * 26; c.shadowColor = "#3af0ff"; c.shadowBlur = glow; c.fillStyle = bm.flash > 0.3 ? "#bff6ff" : "#1b7fa0"; sdk.circle(c, bm.x, bm.y, bm.r); c.fillStyle = "#06131a"; sdk.circle(c, bm.x, bm.y, bm.r * 0.5); c.restore(); } // aim arrow while dragging if (drag && !live) { var dx = drag.sx - drag.x, dy = drag.sy - drag.y; var ax = orb.x + dx, ay = orb.y + dy; c.save(); c.strokeStyle = "rgba(223,232,255,0.7)"; c.lineWidth = 3; c.setLineDash([5, 6]); c.beginPath(); c.moveTo(orb.x, orb.y); c.lineTo(ax, ay); c.stroke(); c.setLineDash([]); c.fillStyle = "#dfe8ff"; sdk.circle(c, ax, ay, 5); c.restore(); } // "flick me" hint before first launch if (!launched && !live && !drag) { c.save(); c.fillStyle = "rgba(223,232,255,0.55)"; c.font = "13px system-ui"; c.textAlign = "center"; c.fillText("drag the orb, then release to flick", W / 2, H - 130); c.restore(); } // the silver orb c.save(); c.shadowColor = "#eaf1ff"; c.shadowBlur = 16; var grd = c.createRadialGradient(orb.x - 4, orb.y - 4, 2, orb.x, orb.y, R); grd.addColorStop(0, "#ffffff"); grd.addColorStop(0.6, "#c8d4ee"); grd.addColorStop(1, "#8894b8"); c.fillStyle = grd; sdk.circle(c, orb.x, orb.y, R); c.restore(); // HUD: multiplier + balls remaining c.fillStyle = "#9fb4d6"; c.font = "14px system-ui"; c.textAlign = "left"; c.textBaseline = "alphabetic"; c.fillText("×" + mult, 12, 28); c.textAlign = "right"; c.fillStyle = "#eaf1ff"; c.fillText("BALLS " + Math.max(0, balls), W - 12, 28); } }); }

Neon Flick Pinball

0 comments