function createGame({ sdk }) { var W = sdk.W, H = sdk.H; var LINE_Y = H - 140; var orbs, t, bpm, beatTimer, combo, best, spawnBeat, hits, life, starZoom, lineFlash, missFlash, colors, grace, orbCount; sdk.music({ mood: "dreamy" }); sdk.tweaks({ bpm: { value: 100, min: 70, max: 160, step: 5, label: "BPM", desc: "Starting tempo" }, window: { value: 90, min: 50, max: 140, step: 5, label: "Window", desc: "Timing forgiveness (ms)" }, fall: { value: 320, min: 200, max: 500, step: 10, label: "Speed", desc: "Orb fall speed" } }); var stars = []; for (var i = 0; i < 90; i++) { stars.push({ x: Math.random() * W, y: Math.random() * H, s: 0.4 + Math.random() * 1.6, z: 0.3 + Math.random() }); } function spawnOrb() { var travel = LINE_Y + 60; var speed = sdk.tweak("fall"); var lead = travel / speed; // seconds to reach line var c = colors[Math.floor(Math.random() * colors.length)]; orbs.push({ x: 60 + Math.random() * (W - 120), y: -60, vy: speed, hitAt: t + lead, judged: false, color: c }); orbCount++; } sdk.run({ reset: function () { colors = ["#22e0ff", "#ff4dd8", "#7c5cff", "#5affc4"]; orbs = []; t = 0; combo = 0; best = 0; hits = 0; life = 3; // three lives — one early mistake never ends the run orbCount = 0; // grace covers the first few orbs' full flight so the opening is always survivable grace = 5.0; bpm = sdk.tweak("bpm"); beatTimer = 0; starZoom = 1; lineFlash = 0; missFlash = 0; spawnBeat = 1.4; // first orb comes later so the player can read it }, update: function (dt, input) { t += dt; // grace ends after time AND after the player has faced the first 3 orbs if (grace > 0 && (t > 5.0 || hits >= 3)) grace = 0; var beatLen = 60 / bpm; // spawn orbs on beat spawnBeat -= dt; if (spawnBeat <= 0) { spawnOrb(); beatTimer = 1; spawnBeat += beatLen; } if (beatTimer > 0) beatTimer -= dt * 3; if (lineFlash > 0) lineFlash -= dt * 4; if (missFlash > 0) missFlash -= dt * 3; // ramp starfield with combo starZoom = 1 + combo * 0.04; for (var s = 0; s < stars.length; s++) { stars[s].y += (12 + combo * 3) * stars[s].z * dt * 4; if (stars[s].y > H) { stars[s].y = 0; stars[s].x = Math.random() * W; } } var winSec = sdk.tweak("window") / 1000; // handle tap: judge nearest un-judged orb to the line if (input.tap) { var nearest = null, bestDelta = 999; for (var i = 0; i < orbs.length; i++) { var o = orbs[i]; if (o.judged) continue; var d = Math.abs(o.hitAt - t); if (d < bestDelta) { bestDelta = d; nearest = o; } } if (nearest && bestDelta <= winSec * 2) { nearest.judged = true; var errMs = bestDelta * 1000; if (errMs <= sdk.tweak("window") * 0.45) { combo++; hits++; var pts = 10 + combo; sdk.addScore(pts); sdk.tone("score"); sdk.juice.burst(nearest.x, LINE_Y, "#ffffff", 16, 220); sdk.juice.burst(nearest.x, LINE_Y, nearest.color, 10, 160); sdk.juice.popup("PERFECT", nearest.x, LINE_Y - 30, "#9ffcff"); sdk.juice.shake(3); lineFlash = 1; } else { combo++; hits++; sdk.addScore(5); sdk.tone("pickup"); sdk.juice.burst(nearest.x, LINE_Y, nearest.color, 8, 130); sdk.juice.popup("good", nearest.x, LINE_Y - 26, nearest.color); lineFlash = 0.6; } nearest.hit = true; if (combo > 0 && combo % 5 === 0) { sdk.juice.flash(0.3); sdk.juice.popup("STREAK x" + combo + "!", W / 2, LINE_Y - 90, "#ff4dd8"); sdk.haptic(30); } if (hits % 8 === 0) bpm = Math.min(bpm + 6, 200); } else { // GHOST TAP — spam cost: breaks combo. Costs a life EXCEPT during grace. combo = 0; missFlash = 1; sdk.tone("hit"); sdk.juice.burst(W / 2, LINE_Y, "#ff3355", 14, 200); sdk.juice.flash(0.4); sdk.juice.shake(8); sdk.haptic(50); if (grace > 0) { sdk.juice.popup("careful", W / 2, LINE_Y - 30, "#ffbb55"); } else if (life > 1) { life--; sdk.juice.popup("WHIFF!", W / 2, LINE_Y - 30, "#ff3355"); } else { life = 0; return sdk.gameOver(); } } } // move orbs; detect missed (passed line untapped) for (var i = orbs.length - 1; i >= 0; i--) { var o = orbs[i]; o.y += o.vy * dt; if (!o.judged && o.y > LINE_Y + 50) { // MISS o.judged = true; combo = 0; missFlash = 1; sdk.tone("hit"); sdk.juice.burst(o.x, LINE_Y, "#ff3355", 20, 260); sdk.juice.flash(0.5); sdk.juice.shake(10); sdk.haptic(60); if (grace > 0) { sdk.juice.popup("...", o.x, LINE_Y - 30, "#ffbb55"); } else if (life > 1) { life--; sdk.juice.popup("MISS!", o.x, LINE_Y - 30, "#ff3355"); } else { life = 0; return sdk.gameOver(); } } if (o.y > H + 60) orbs.splice(i, 1); } }, draw: function (c) { // starfield c.fillStyle = "#060814"; c.fillRect(0, 0, W, H); for (var s = 0; s < stars.length; s++) { var st = stars[s]; var b = 0.3 + Math.min(0.7, combo * 0.03); c.globalAlpha = 0.3 + st.z * 0.5 + b * 0.2; c.fillStyle = "#9fd0ff"; c.fillRect(st.x, st.y, st.s, st.s * 1.5); } c.globalAlpha = 1; // beat line var flareW = 4 + beatTimer * 10 + lineFlash * 14; c.save(); c.shadowColor = lineFlash > 0.3 ? "#ffffff" : "#22e0ff"; c.shadowBlur = 24 + lineFlash * 30; c.fillStyle = missFlash > 0 ? "#ff3355" : (lineFlash > 0.3 ? "#ffffff" : "#22e0ff"); c.fillRect(0, LINE_Y - flareW / 2, W, flareW); c.restore(); // target ring markers on the sides c.save(); c.strokeStyle = "#22e0ff"; c.globalAlpha = 0.5 + beatTimer * 0.5; c.lineWidth = 2; c.beginPath(); c.moveTo(14, LINE_Y - 12); c.lineTo(14, LINE_Y + 12); c.stroke(); c.beginPath(); c.moveTo(W - 14, LINE_Y - 12); c.lineTo(W - 14, LINE_Y + 12); c.stroke(); c.restore(); // orbs for (var i = 0; i < orbs.length; i++) { var o = orbs[i]; if (o.judged && o.hit) continue; var dist = Math.abs(o.y - LINE_Y); var glowNear = sdk.clamp(1 - dist / 120, 0, 1); var r = 16 + glowNear * 6; c.save(); c.shadowColor = o.color; c.shadowBlur = 18 + glowNear * 22; c.fillStyle = o.color; sdk.circle(c, o.x, o.y, r); c.fillStyle = "rgba(255,255,255," + (0.4 + glowNear * 0.5) + ")"; sdk.circle(c, o.x, o.y, r * 0.4); c.restore(); if (glowNear > 0.05) { c.save(); c.strokeStyle = "rgba(255,255,255," + glowNear * 0.6 + ")"; c.lineWidth = 2; c.beginPath(); c.arc(o.x, LINE_Y, r + 4, 0, Math.PI * 2); c.stroke(); c.restore(); } } // combo + life HUD c.save(); c.textAlign = "center"; c.font = "bold 22px sans-serif"; c.fillStyle = "#9ffcff"; c.shadowColor = "#22e0ff"; c.shadowBlur = 10; if (combo > 1) c.fillText("COMBO " + combo, W / 2, LINE_Y + 44); c.restore(); // hearts c.save(); c.textAlign = "left"; c.font = "18px sans-serif"; var hearts = ""; for (var h = 0; h < 3; h++) hearts += (h < life ? "❤️" : "💔"); c.fillText(hearts, 12, 30); c.restore(); } }); }

Beat Drop

0 comments