function createGame({ sdk }) { var W = sdk.W, H = sdk.H; var blocks, current, swingT, dir, floor, combo, camY, falling, toppled, hueBase; sdk.music({ mood: "dreamy" }); sdk.bg("grid", { color: "#ff3df0", base: "#0a0620", glow: "#00e5ff", speed: 30, horizon: 0.18 }); sdk.tweaks({ swingSpeed: { value: 1.3, min: 0.8, max: 3.0, step: 0.1, label: "Swing Speed", desc: "How fast the arm sweeps", group: "Feel" }, ramp: { value: 0.05, min: 0.0, max: 0.25, step: 0.01, label: "Ramp", desc: "Speed-up per floor", group: "Feel" }, perfect: { value: 11, min: 3, max: 16, step: 1, label: "Perfect Zone", desc: "Center tolerance (px)", group: "Feel" }, palette: { kind: "color", value: "#00e5ff", label: "Neon", group: "Look" } }); var BH = 30; // block height var baseY = H - 60; function reset() { blocks = [{ x: W / 2 - 55, w: 110, hue: 190 }]; floor = 0; combo = 0; camY = 0; falling = []; toppled = false; hueBase = 190; newBlock(); } function newBlock() { var prev = blocks[blocks.length - 1]; hueBase = (hueBase + 24) % 360; current = { w: prev.w, x: 0, hue: hueBase, y: topY() - BH * 2.2 }; // start the sweep near an edge so the first swing across is readable, not mid-flight swingT = dir === undefined ? 0 : Math.random() * 0.4; dir = Math.random() < 0.5 ? 1 : -1; } function topY() { // world-space top surface of the highest block return baseY - floor * BH; } function swingAmp() { return W * 0.5 - current.w * 0.5 - 12; } // eased speed curve: gentle for the first ~8 floors, then ramps toward late-game challenge function currentSpeed() { var base = sdk.tweak("swingSpeed"); var ramp = sdk.tweak("ramp"); // warmup multiplier climbs from 0.7 -> 1.0 across the first 8 floors var warm = 0.7 + 0.3 * Math.min(1, floor / 8); return base * warm * (1 + floor * ramp); } sdk.run({ reset: reset, update: function (dt, input) { // falling debris physics for (var i = falling.length - 1; i >= 0; i--) { var f = falling[i]; f.vy += 900 * dt; f.x += f.vx * dt; f.y += f.vy * dt; f.rot += f.vr * dt; if (f.y > baseY + 400) falling.splice(i, 1); } if (toppled) return; var spd = currentSpeed(); swingT += spd * dir * dt; // pendulum-style position across center var amp = swingAmp(); current.x = W / 2 + Math.sin(swingT) * amp; // smooth camera follow as tower grows var targetCam = Math.max(0, (floor * BH) - 120); camY += (targetCam - camY) * Math.min(1, dt * 6); if (input.tap) { drop(); } }, draw: function (c) { c.save(); c.translate(0, camY); // stacked blocks var neon = sdk.tweak("palette"); for (var i = 0; i < blocks.length; i++) { var b = blocks[i]; var by = baseY - i * BH; c.save(); c.shadowColor = "hsl(" + b.hue + ",100%,60%)"; c.shadowBlur = 18; c.fillStyle = "hsl(" + b.hue + ",90%,55%)"; sdk.roundRect(c, b.x, by, b.w, BH - 3, 5); c.fill ? c.fill() : 0; c.restore(); // top edge highlight c.fillStyle = "rgba(255,255,255,0.25)"; sdk.roundRect(c, b.x, by, b.w, 4, 3); } // falling debris for (var j = 0; j < falling.length; j++) { var f = falling[j]; c.save(); c.translate(f.x + f.w / 2, f.y + BH / 2); c.rotate(f.rot); c.shadowColor = "hsl(" + f.hue + ",100%,60%)"; c.shadowBlur = 12; c.fillStyle = "hsl(" + f.hue + ",90%,55%)"; sdk.roundRect(c, -f.w / 2, -BH / 2, f.w, BH - 3, 4); c.restore(); } c.restore(); if (toppled) return; // swinging arm + current block (drawn in screen space with cam) c.save(); c.translate(0, camY); var yy = current.y; // arm/cable c.strokeStyle = "rgba(255,255,255,0.35)"; c.lineWidth = 2; c.beginPath(); c.moveTo(current.x + current.w / 2, 0 - camY + 10); c.lineTo(current.x + current.w / 2, yy); c.stroke(); // pivot c.fillStyle = "#fff"; sdk.circle(c, current.x + current.w / 2, 0 - camY + 10, 4); c.fill ? c.fill() : 0; // perfect-zone target markers on the block below (readable telegraph) var prevB = blocks[blocks.length - 1]; var prevC = prevB.x + prevB.w / 2; var perfTol = sdk.tweak("perfect"); c.save(); c.strokeStyle = "rgba(255,210,63,0.5)"; c.lineWidth = 2; c.setLineDash([3, 4]); c.beginPath(); c.moveTo(prevC - perfTol, topY() - 2); c.lineTo(prevC - perfTol, topY() - BH + 2); c.moveTo(prevC + perfTol, topY() - 2); c.lineTo(prevC + perfTol, topY() - BH + 2); c.stroke(); c.setLineDash([]); c.restore(); // current block glowing c.save(); c.shadowColor = "hsl(" + current.hue + ",100%,65%)"; c.shadowBlur = 24; c.fillStyle = "hsl(" + current.hue + ",95%,60%)"; sdk.roundRect(c, current.x, yy, current.w, BH - 3, 5); c.fill ? c.fill() : 0; c.restore(); // drop guide line c.strokeStyle = "rgba(0,229,255,0.25)"; c.setLineDash([4, 6]); c.beginPath(); c.moveTo(current.x + current.w / 2, yy + BH); c.lineTo(current.x + current.w / 2, topY()); c.stroke(); c.setLineDash([]); c.restore(); // combo HUD if (combo > 1) { c.save(); c.fillStyle = "#ffd23f"; c.font = "bold 20px sans-serif"; c.textAlign = "center"; c.shadowColor = "#ffd23f"; c.shadowBlur = 12; c.fillText("x" + combo + " combo", W / 2, 40); c.restore(); } } }); function drop() { var prev = blocks[blocks.length - 1]; var cx = current.x, cw = current.w; var landY = topY() - BH; // world y where new block sits (visual) var left = Math.max(cx, prev.x); var right = Math.min(cx + cw, prev.x + prev.w); var overlap = right - left; // mercy: on early floors a clean miss just costs your combo instead of toppling if (overlap <= 0) { if (floor < 3) { combo = 0; // re-drop from a fresh swing rather than ending the run sdk.tone("hit"); sdk.juice.shake(3); sdk.juice.popup("MISS!", W / 2, landY + camY, "#7cc4ff"); newBlock(); return; } topple(); return; } // center offset relative to block below var myCenter = cx + cw / 2; var prevCenter = prev.x + prev.w / 2; var off = Math.abs(myCenter - prevCenter); var perfTol = sdk.tweak("perfect"); var newW, newX; if (off <= perfTol) { // PERFECT: snap to center, reward width combo++; var bonus = 8 + combo * 2; newW = Math.min(prev.w + bonus, W - 20); newX = prevCenter - newW / 2; sdk.tone("win"); sdk.juice.flash(0.25); sdk.juice.shake(3); sdk.juice.burst(myCenter, landY + camY + BH / 2, "#ffd23f", 24, 220); sdk.juice.popup(combo > 1 ? "PERFECT x" + combo + "!" : "PERFECT!", W / 2, landY + camY, "#ffd23f"); sdk.addScore(2 + combo); sdk.haptic(30); } else { // slice off overhang — but grant a little slack so near-misses keep more block combo = 0; var slack = Math.min(off, 3); newW = Math.min(overlap + slack, prev.w); newX = (myCenter < prevCenter) ? Math.max(left - slack, prev.x) : left; // spawn debris for the cut piece var cutW, cutX; if (cx < prev.x) { cutX = cx; cutW = prev.x - cx; } else { cutX = prev.x + prev.w; cutW = (cx + cw) - (prev.x + prev.w); } if (cutW > 1) { falling.push({ x: cutX, y: landY, w: cutW, hue: current.hue, vx: (cutX < prevCenter ? -1 : 1) * (60 + Math.random() * 80), vy: -40, vr: (Math.random() - 0.5) * 8, rot: 0 }); } sdk.tone("hit"); sdk.juice.shake(4); sdk.juice.burst(myCenter, landY + camY + BH / 2, "hsl(" + current.hue + ",90%,60%)", 12, 160); sdk.juice.popup("+1", W / 2, landY + camY, "#7cc4ff"); sdk.addScore(1); sdk.haptic(12); } blocks.push({ x: newX, w: newW, hue: current.hue }); floor++; // more forgiving topple threshold so a slim tower doesn't instantly collapse if (newW < 4) { topple(); return; } newBlock(); } function topple() { toppled = true; sdk.tone("hit"); sdk.juice.flash(0.5); sdk.juice.shake(12); sdk.haptic(80); // crumble the top few blocks into debris var n = blocks.length; for (var i = Math.max(1, n - 8); i < n; i++) { var b = blocks[i]; falling.push({ x: b.x, y: baseY - i * BH, w: b.w, hue: b.hue, vx: (Math.random() - 0.5) * 220, vy: -120 - Math.random() * 100, vr: (Math.random() - 0.5) * 10, rot: 0 }); } sdk.juice.burst(W / 2, baseY - floor * BH + camY, "#ff4d4d", 30, 260); setTimeout(function () { sdk.gameOver(); }, 350); } }

Tower Swing

0 comments