function createGame({ sdk }) { var W = sdk.W, H = sdk.H; var TOP = 60, BOT = H - 60; // tunnel walls var y, vy, grav, onFloor, dist, spikes, t, spawnX, alive; sdk.music({ mood: "drive" }); sdk.bg("grid", { color: "#ff2d78", base: "#0a0416", glow: "#2a0f4a", speed: 90, horizon: 0.5 }); sdk.tweaks({ speed: { value: 240, min: 150, max: 400, step: 10, label: "Run speed", group: "Movement" }, flip: { value: 2200, min: 1400, max: 3400, step: 100, label: "Flip force", desc: "How hard gravity yanks you across", group: "Movement" }, density: { value: 0.85, min: 0.4, max: 1.4, step: 0.05, label: "Spike density", desc: "Lower = more spikes", group: "Enemies" }, tunnel: { value: "#00f0ff", kind: "color", label: "Tunnel glow", group: "Look" } }); var RX = 84; // runner x position (fixed) function spawnSpike(x) { var r = Math.random(); var side = r < 0.45 ? "bot" : r < 0.9 ? "top" : "both"; var h = 34 + Math.random() * 26; spikes.push({ x: x, side: side, h: h, grazed: false, passed: false }); } sdk.run({ reset: function () { y = BOT - 14; vy = 0; grav = 1; onFloor = true; // grav 1 = down, -1 = up dist = 0; t = 0; spikes = []; alive = true; spawnX = W + 300; for (var i = 0; i < 4; i++) { spawnSpike(spawnX); spawnX += 220; } }, update: function (dt, input) { if (!alive) return; t += dt; var spd = sdk.tweak("speed") + t * 8; dist += spd * dt; // FLIP on tap if (input.tap) { grav = -grav; vy = grav * 40; sdk.tone("jump"); sdk.juice.shake(3); sdk.juice.burst(RX, y, sdk.tweak("tunnel"), 8, 160); sdk.haptic(12); } // gravity toward current wall vy += grav * sdk.tweak("flip") * dt; y += vy * dt; // clamp to walls if (grav > 0 && y >= BOT - 14) { y = BOT - 14; vy = 0; onFloor = true; } else if (grav < 0 && y <= TOP + 14) { y = TOP + 14; vy = 0; onFloor = false; } for (var i = spikes.length - 1; i >= 0; i--) { var s = spikes[i]; s.x -= spd * dt; if (s.x < -40) { spikes.splice(i, 1); continue; } // GRAZE: only when the spike is on the SAME wall the runner is riding, // and the runner physically skims its tip (real risk, real proximity). var dx = s.x - RX; if (!s.grazed && Math.abs(dx) < 22) { var onSameWall = false, tipY = 0, dTip = 999; if ((s.side === "bot" || s.side === "both") && grav > 0) { onSameWall = true; tipY = BOT - s.h; dTip = y - tipY; // runner above the floor spike tip } else if ((s.side === "top" || s.side === "both") && grav < 0) { onSameWall = true; tipY = TOP + s.h; dTip = tipY - y; // runner below the ceiling spike tip } // dTip is vertical gap between runner center and spike tip. // Must be a genuine near-miss: cleared the tip, but barely (<=22px). // dTip > 12 means not colliding; dTip <= 22 means skimming close. if (onSameWall && dTip > 12 && dTip <= 22) { s.grazed = true; sdk.addScore(2); var py = grav > 0 ? BOT - 40 : TOP + 40; sdk.juice.popup("+2 GRAZE!", RX + 24, py, "#ffd166"); sdk.juice.burst(RX, y, "#ffd166", 6, 140); sdk.tone("pickup"); } } // survival score: +1 once a spike is fully cleared behind the runner. // Requires the run to actually be moving forward (it always is once alive). if (!s.passed && s.x + 16 < RX - 12) { s.passed = true; sdk.addScore(1); } // collision if (s.x - 16 < RX + 12 && s.x + 16 > RX - 12) { var hitBot = (s.side === "bot" || s.side === "both") && grav > 0 && y > BOT - 14 - s.h; var hitTop = (s.side === "top" || s.side === "both") && grav < 0 && y < TOP + 14 + s.h; if (hitBot || hitTop) { alive = false; sdk.juice.burst(RX, y, "#ff2d78", 26, 260); sdk.juice.shake(12); sdk.juice.flash(0.55); sdk.tone("hit"); sdk.haptic(40); return sdk.gameOver(); } } } // keep spawning ahead, ramping density spawnX -= spd * dt; var gap = Math.max(120, 220 * sdk.tweak("density") - t * 1.5); var guard = 0; while (spawnX < W + 60 && guard++ < 20) { spawnSpike(W + 60); spawnX = W + 60 + gap + Math.random() * 60; } }, draw: function (c) { var glow = sdk.tweak("tunnel"); c.save(); c.shadowColor = glow; c.shadowBlur = 18; c.fillStyle = "#12082a"; c.fillRect(0, 0, W, TOP); c.fillRect(0, BOT, W, H - BOT); c.restore(); c.save(); c.strokeStyle = glow; c.shadowColor = glow; c.shadowBlur = 12; c.lineWidth = 2; c.beginPath(); c.moveTo(0, TOP); c.lineTo(W, TOP); c.stroke(); c.beginPath(); c.moveTo(0, BOT); c.lineTo(W, BOT); c.stroke(); c.restore(); for (var i = 0; i < spikes.length; i++) { var s = spikes[i]; c.save(); c.fillStyle = "#ff2d78"; c.shadowColor = "#ff2d78"; c.shadowBlur = 10; if (s.side === "bot" || s.side === "both") { c.beginPath(); c.moveTo(s.x - 16, BOT); c.lineTo(s.x, BOT - s.h); c.lineTo(s.x + 16, BOT); c.closePath(); c.fill(); } if (s.side === "top" || s.side === "both") { c.beginPath(); c.moveTo(s.x - 16, TOP); c.lineTo(s.x, TOP + s.h); c.lineTo(s.x + 16, TOP); c.closePath(); c.fill(); } c.restore(); } c.save(); c.shadowColor = glow; c.shadowBlur = 20; c.fillStyle = "#eafcff"; sdk.circle(c, RX, y, 12); c.restore(); c.save(); c.fillStyle = glow; c.font = "14px system-ui"; c.textAlign = "center"; c.textBaseline = "middle"; c.fillText(grav > 0 ? "▼" : "▲", RX, y); c.restore(); } }); }

Gravity Flip Runner

0 comments