/* ============================================================================ CAKE SORT - MCPity Web Engine single-file game. A warm, bakery-themed color sort puzzle. Cake stands hold a vertical stack of cake layers, each layer a flavor color. Tap a source stand, then a destination, to pour the top contiguous same-flavor run when the destination top matches (or is empty) and has room. A stand is SOLVED when it is full of a single flavor. A level CLEARS when every stand is empty or solved. Three helpers (Delete, Move, Refresh) are gated by the MCPity Season Pass: unlimited for pass holders, locked for free players (unlimited undo keeps free play fully skill-solvable). No counters, no consumables, no monthly reset. Mounts into #mcpity-root. Pointer-first, portrait, touch friendly. Renders with Three.js. Test hook: (window as any).__cakesort. ========================================================================== */ import * as THREE from "three"; /* --------------------------------------------------------------------------- MCPity Season Pass shim (bundled inline from src/lib/patterns/tools/monetization/season-pass-web.ts). Installs window.MCPitySeasonPass so this game can check and unlock premium helpers by bridging to the parent /play host over postMessage. Inert (never unlocks) when there is no parent host, so the game still boots standalone. ------------------------------------------------------------------------- */ (function () { if (typeof window === "undefined") return; if ((window as unknown as { MCPitySeasonPass?: unknown }).MCPitySeasonPass) return; var UNLOCK_TIMEOUT_MS = 120000; type Entitlement = { active: boolean; source: string | null; seasonEnd: string | null }; type Handler = (arg: Entitlement) => void; var state: { ready: boolean } & Entitlement = { ready: false, active: false, source: null, seasonEnd: null }; var changeCbs: Handler[] = []; var pendingUnlock: Array<(ok: boolean) => void> = []; function emit(intent: "status" | "unlock") { try { if (window.parent && window.parent !== window) { window.parent.postMessage({ mcpity: true, dir: "game->studio", type: "season-pass-request", intent: intent }, "*"); } } catch (_e) { /* no parent / cross-origin, gate stays inert */ } } function fireChange() { var snap: Entitlement = { active: state.active, source: state.source, seasonEnd: state.seasonEnd }; for (var i = 0; i < changeCbs.length; i++) { try { changeCbs[i](snap); } catch (_e) { /* a bad handler must not break the gate */ } } } function resolvePending(ok: boolean) { var waiters = pendingUnlock; pendingUnlock = []; for (var i = 0; i < waiters.length; i++) { try { waiters[i](ok); } catch (_e) { /* ignore */ } } } var api = { ready: false, isActive: function () { return state.active === true; }, status: function (): Entitlement { emit("status"); return { active: state.active, source: state.source, seasonEnd: state.seasonEnd }; }, unlock: function (): Promise { if (state.active) return Promise.resolve(true); return new Promise(function (resolve) { var settled = false; function done(ok: boolean) { if (settled) return; settled = true; resolve(ok); } pendingUnlock.push(done); emit("unlock"); setTimeout(function () { done(false); }, UNLOCK_TIMEOUT_MS); }); }, requireForMode: function (_modeKey: string): Promise { if (state.active) return Promise.resolve(true); return api.unlock(); }, onChange: function (cb: Handler) { changeCbs.push(cb); return function () { var idx = changeCbs.indexOf(cb); if (idx >= 0) changeCbs.splice(idx, 1); }; }, }; (window as unknown as { MCPitySeasonPass: typeof api }).MCPitySeasonPass = api; window.addEventListener("message", function (ev: MessageEvent) { var d: any = ev && ev.data; if (!d || d.mcpity !== true || d.dir !== "studio->game" || d.type !== "season-pass") return; var e: any = d.entitlement || {}; state.active = e.active === true; state.source = (e.source === undefined) ? null : e.source; state.seasonEnd = (e.seasonEnd === undefined) ? null : e.seasonEnd; state.ready = true; api.ready = true; fireChange(); if (state.active) resolvePending(true); }); emit("status"); })(); /* --------------------------------------------------------------------------- Asset-swap seam (INLINE shim of games/_shared/asset-provider.ts WindowAssets). INLINED, not imported, on purpose: the /play build (scripts/build-game.mjs) only string-injects levels.json and writes ONE self-contained dist/index.ts — it does NOT bundle cross-file imports — and /play serves that single file to the in-browser esbuild-wasm bundler with no sibling files present. An `import { Assets } from "../../_shared/asset-provider"` would therefore fail to resolve at bundle time (the virtual FS only holds index.ts) and break the game at /play. This tiny object reproduces WindowAssets' runtime behavior with zero external imports: it reads window.MCPityAssets when a native store wrapper has injected it (via installAssetPack, see games/cake-sort/store-boot.ts), else returns null so every hero factory takes its procedural branch. On /play there is no MCPityAssets, so getModel() resolves to null and NOTHING changes — the game stays 100% procedural. ------------------------------------------------------------------------- */ interface InjectedAssetGlobal { has?(key: string): boolean; getModel?(key: string): Promise | THREE.Object3D | null; getTexture?(key: string): THREE.Texture | null; } const Assets = { has(key: string): boolean { try { const g = (globalThis as unknown as { MCPityAssets?: InjectedAssetGlobal }).MCPityAssets; if (g && typeof g.has === "function") return !!g.has(key); } catch (_e) { /* absent / broken global -> procedural */ } return false; }, async getModel(key: string): Promise { try { const g = (globalThis as unknown as { MCPityAssets?: InjectedAssetGlobal }).MCPityAssets; if (g && typeof g.getModel === "function") { const model = await g.getModel(key); return model ?? null; } } catch (_e) { /* fall through to procedural */ } return null; }, getTexture(key: string): THREE.Texture | null { try { const g = (globalThis as unknown as { MCPityAssets?: InjectedAssetGlobal }).MCPityAssets; if (g && typeof g.getTexture === "function") return g.getTexture(key) ?? null; } catch (_e) { /* fall through to procedural */ } return null; }, }; /* --------------------------------------------------------------------------- Canonical rules (byte-identical to games/cake-sort/src/rules.mjs). This is the ONE mechanic the game, the offline solver, and the playtest harness all share, so a solution verified offline is a solution the game accepts. ------------------------------------------------------------------------- */ const CAP = 4; function cloneBoard(board: number[][]): number[][] { return board.map((stand) => stand.slice()); } function isStandSolved(stand: number[]): boolean { return stand.length === CAP && stand.every((c) => c === stand[0]); } function isWonState(board: number[][]): boolean { return board.every((s) => s.length === 0 || isStandSolved(s)); } function topRun(stand: number[]): number { if (stand.length === 0) return 0; const top = stand[stand.length - 1]; let run = 1; while (run < stand.length && stand[stand.length - 1 - run] === top) run++; return run; } function canPour(board: number[][], src: number, dst: number): number { if (src === dst) return 0; const s = board[src]; const d = board[dst]; if (!s || !d || s.length === 0 || d.length === CAP) return 0; if (isStandSolved(s)) return 0; const run = topRun(s); if (d.length > 0 && d[d.length - 1] !== s[s.length - 1]) return 0; return Math.min(run, CAP - d.length); } function applyMove(board: number[][], src: number, dst: number): number { const n = canPour(board, src, dst); if (n <= 0) return 0; for (let k = 0; k < n; k++) board[dst].push(board[src].pop()!); return n; } function legalMoves(board: number[][]): Array<[number, number]> { const out: Array<[number, number]> = []; for (let src = 0; src < board.length; src++) { if (board[src].length === 0 || isStandSolved(board[src])) continue; for (let dst = 0; dst < board.length; dst++) { if (canPour(board, src, dst) > 0) out.push([src, dst]); } } return out; } function canonicalKey(board: number[][]): string { return board.map((s) => s.join(",")).sort().join("|"); } function mulberry32(seed: number): () => number { let a = seed >>> 0; return function next(): number { a |= 0; a = (a + 0x6d2b79f5) | 0; let t = Math.imul(a ^ (a >>> 15), 1 | a); t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t; return ((t ^ (t >>> 14)) >>> 0) / 4294967296; }; } /* --------------------------------------------------------------------------- Reverse generator + bounded solver (inlined from generator.mjs / solver.mjs). Used only by the Refresh helper to re-deal the current level into a fresh, guaranteed-solvable arrangement at runtime (same seeded PRNG, same solver check as the offline authoring pipeline). ------------------------------------------------------------------------- */ function solvedBoard(colors: number, cases: number): number[][] { const board: number[][] = []; for (let c = 0; c < colors; c++) { const stand: number[] = []; for (let k = 0; k < CAP; k++) stand.push(c); board.push(stand); } while (board.length < cases) board.push([]); return board; } function reverseStep(board: number[][], rng: () => number): boolean { const candidates: Array<{ from: number; to: number; k: number }> = []; for (let rIdx = 0; rIdx < board.length; rIdx++) { const R = board[rIdx]; if (R.length === 0) continue; const run = topRun(R); const maxK = run < R.length ? run - 1 : run; if (maxK < 1) continue; for (let aIdx = 0; aIdx < board.length; aIdx++) { if (aIdx === rIdx) continue; const room = CAP - board[aIdx].length; if (room <= 0) continue; const k = Math.min(maxK, room); if (k < 1) continue; candidates.push({ from: rIdx, to: aIdx, k }); } } if (candidates.length === 0) return false; const pick = candidates[(rng() * candidates.length) | 0]; const kMove = rng() < 0.72 ? 1 : 1 + ((rng() * pick.k) | 0); const n = Math.min(kMove, pick.k); for (let i = 0; i < n; i++) board[pick.to].push(board[pick.from].pop()!); return true; } function generateBoard(colors: number, cases: number, depth: number, seed: number): number[][] { const rng = mulberry32(seed); const board = solvedBoard(colors, cases); let made = 0; let guard = 0; while (made < depth && guard < depth * 8) { guard++; if (reverseStep(board, rng)) made++; } let extra = 0; while (isWonState(board) && extra < 40) { if (!reverseStep(board, rng)) break; extra++; } return board; } function heuristic(board: number[][]): number { const seen = new Map(); for (const stand of board) { const local = new Set(stand); for (const c of local) seen.set(c, (seen.get(c) || 0) + 1); } let h = 0; for (const count of seen.values()) if (count > 1) h += count - 1; return h; } function isPure(stand: number[]): boolean { return stand.length > 0 && stand.every((c) => c === stand[0]); } function solveBounded(board: number[][], nodeCap: number): boolean { const start = cloneBoard(board); if (isWonState(start)) return true; interface Node { board: number[][]; g: number; f: number; } const open: Node[] = []; const best = new Map(); function push(node: Node): void { open.push(node); let i = open.length - 1; while (i > 0) { const p = (i - 1) >> 1; if (open[p].f <= open[i].f) break; const t = open[p]; open[p] = open[i]; open[i] = t; i = p; } } function pop(): Node { const top = open[0]; const last = open.pop()!; if (open.length > 0) { open[0] = last; let i = 0; const n = open.length; for (;;) { const l = 2 * i + 1, r = 2 * i + 2; let s = i; if (l < n && open[l].f < open[s].f) s = l; if (r < n && open[r].f < open[s].f) s = r; if (s === i) break; const t = open[s]; open[s] = open[i]; open[i] = t; i = s; } } return top; } push({ board: start, g: 0, f: heuristic(start) }); best.set(canonicalKey(start), 0); let nodes = 0; while (open.length > 0) { if (nodes > nodeCap) return false; const cur = pop(); const key = canonicalKey(cur.board); if (cur.g > (best.get(key) ?? Infinity)) continue; if (isWonState(cur.board)) return true; nodes++; for (const [src, dst] of legalMoves(cur.board)) { if (cur.board[dst].length === 0 && isPure(cur.board[src])) continue; const nb = cloneBoard(cur.board); if (applyMove(nb, src, dst) <= 0) continue; const ng = cur.g + 1; const nk = canonicalKey(nb); if (ng >= (best.get(nk) ?? Infinity)) continue; best.set(nk, ng); push({ board: nb, g: ng, f: ng + heuristic(nb) }); } } return false; } /* ------------------------------ Level data --------------------------------- */ interface Level { level: number; colors: number; cases: number; layers: number; minMoves: number; seed: number; arrangement: number[][]; // bottom -> top flavor indices per stand } const LEVELS: Level[] = /*__LEVELS_JSON__*/[{"level":1,"colors":3,"cases":5,"layers":4,"minMoves":9,"seed":1000001,"arrangement":[[],[1,1,0,2],[1,0],[1,2,0],[2,0,2]]},{"level":2,"colors":3,"cases":5,"layers":4,"minMoves":5,"seed":2000001,"arrangement":[[0,0,0,2],[1,1,1,2],[2],[1,0,2],[]]},{"level":3,"colors":3,"cases":5,"layers":4,"minMoves":5,"seed":3000001,"arrangement":[[0,0,0,2],[1,1,1,0],[],[],[2,1,2,2]]},{"level":4,"colors":4,"cases":6,"layers":4,"minMoves":8,"seed":4000001,"arrangement":[[0,0,0,3],[],[2,1],[3,3,3,2],[2,1],[0,2,1,1]]},{"level":5,"colors":4,"cases":6,"layers":4,"minMoves":8,"seed":5000001,"arrangement":[[],[2,0,2,0],[],[3,3,3,0],[1,1,1,3],[1,2,2,0]]},{"level":6,"colors":4,"cases":6,"layers":4,"minMoves":9,"seed":6000001,"arrangement":[[0,0,1],[1,1,2,3],[],[3,2],[0,0,2,3],[2,3,1]]},{"level":7,"colors":4,"cases":6,"layers":4,"minMoves":9,"seed":7000001,"arrangement":[[0,0,3,1],[1,2],[],[3,3,3,0],[0,1,2],[1,2,2]]},{"level":8,"colors":4,"cases":6,"layers":4,"minMoves":7,"seed":8000001,"arrangement":[[0,0,1],[1],[2,2,2,3],[3,3,3,2],[],[1,0,0,1]]},{"level":9,"colors":5,"cases":7,"layers":4,"minMoves":12,"seed":9000001,"arrangement":[[0,0,0,2],[],[2,1,3,3],[],[4,4,4,1],[4,0,2,1],[2,3,1,3]]},{"level":10,"colors":5,"cases":7,"layers":4,"minMoves":10,"seed":10000001,"arrangement":[[],[1,1,1,3],[2,2,0],[3,0],[4,4,4,2],[4,0,2,1],[3,3,0]]},{"level":11,"colors":5,"cases":7,"layers":4,"minMoves":9,"seed":11000001,"arrangement":[[0,0,0,1],[1,1,1,0],[2,2,2,3],[],[3],[4,4,3],[4,2,4,3]]},{"level":12,"colors":5,"cases":7,"layers":4,"minMoves":8,"seed":12000001,"arrangement":[[0,0,0,4],[1,1,1,4],[2,2,1,4],[3,3,3,4],[],[3,2,2,0],[]]},{"level":13,"colors":5,"cases":7,"layers":4,"minMoves":10,"seed":13000002,"arrangement":[[0,0,0,2],[1,2],[],[3,3,3,1],[4,4,4,0],[1,4,3,2],[1,2]]},{"level":14,"colors":5,"cases":7,"layers":4,"minMoves":11,"seed":14000001,"arrangement":[[],[1,1,2,3],[2,2,2,0],[0],[4,4,0],[1,3,4,0],[3,1,3,4]]},{"level":15,"colors":5,"cases":7,"layers":4,"minMoves":10,"seed":15000005,"arrangement":[[],[1,1,1,2],[2,0],[3,3,3,2],[4,4,0,2],[4,4,0],[3,0,1]]},{"level":16,"colors":6,"cases":8,"layers":4,"minMoves":13,"seed":16000001,"arrangement":[[],[1,1,5,5],[2,2,0,5],[3,3,3,2],[4,4,4,0],[],[4,0,1,2],[1,3,0,5]]},{"level":17,"colors":6,"cases":8,"layers":4,"minMoves":12,"seed":17000001,"arrangement":[[1,5,3,4],[1,1,1,3],[2,2,2,3],[],[],[5,5,5,2],[4,0,4,3],[0,0,0,4]]},{"level":18,"colors":6,"cases":8,"layers":4,"minMoves":13,"seed":18000001,"arrangement":[[0,0,0,2],[],[],[3,3,2,1],[4,5,0,2],[5,3,1,1],[5,5,2,1],[4,4,4,3]]},{"level":19,"colors":6,"cases":8,"layers":4,"minMoves":14,"seed":19000001,"arrangement":[[],[1,1,1,5],[2,2,2,4],[3,4,0],[0],[5,3,0,2],[1,4,0,4],[3,5,5,3]]},{"level":20,"colors":6,"cases":8,"layers":4,"minMoves":12,"seed":20000002,"arrangement":[[0,0,3,2],[1,5,3,4],[2,2,2,3],[4,3,4],[4],[5,5,5,0],[],[1,1,1,0]]},{"level":21,"colors":6,"cases":8,"layers":4,"minMoves":13,"seed":21000002,"arrangement":[[],[1,1,1,5],[2,2,2,0],[],[4,4,4,5],[5,0,3,3],[2,0,1,4],[3,5,3,0]]},{"level":22,"colors":6,"cases":8,"layers":4,"minMoves":12,"seed":22000002,"arrangement":[[0,0,3,0],[1,1,4],[2,2,2,1],[3,2,3,4],[],[5,5,5,4],[4],[0,3,5,1]]},{"level":23,"colors":7,"cases":9,"layers":4,"minMoves":12,"seed":23000001,"arrangement":[[],[1,1,1,4],[2,2,2,6],[3,3,3,2],[4,4,3,0],[5,5,5,6],[6,6,4,0],[1,5,0,0],[]]},{"level":24,"colors":7,"cases":9,"layers":4,"minMoves":16,"seed":24000001,"arrangement":[[],[1,1,1,4],[2,2,2,5],[3,3,3,6],[4,4,5,0],[6,0,5,0],[],[2,6,5,0],[1,3,4,6]]},{"level":25,"colors":7,"cases":9,"layers":4,"minMoves":15,"seed":25000001,"arrangement":[[],[3,0],[2,2,2,1],[3,3,3,0],[4,4,4,5],[5,5,5,6],[6,1,0,1],[2,4,6,0],[6,1]]},{"level":26,"colors":7,"cases":9,"layers":4,"minMoves":13,"seed":26000001,"arrangement":[[0,0,4],[1,1,4,6],[2,2,2,0],[3,3,3,1],[],[5,5,5,4],[6,6,0,4],[5,6],[3,1,2]]},{"level":27,"colors":7,"cases":9,"layers":4,"minMoves":15,"seed":27000002,"arrangement":[[0,0,0,2],[],[2,3],[5,1],[4,4,4,3],[5,5,5,1],[6,6,6,4],[6,2,3,1],[0,2,3,1]]},{"level":28,"colors":7,"cases":9,"layers":4,"minMoves":15,"seed":28000002,"arrangement":[[0,1],[],[2,2,2,3],[3,5,0,1],[6,4,4,1],[5,5,5,4],[6,6,6,0],[2,3,4,3],[1,0]]},{"level":29,"colors":7,"cases":9,"layers":4,"minMoves":15,"seed":29000003,"arrangement":[[0,0,0,2],[],[2,2,6,4],[3,3,1,4],[4],[5,0,2,6],[6,1,4],[1,3,1,3],[5,5,5,6]]},{"level":30,"colors":7,"cases":9,"layers":4,"minMoves":16,"seed":30000001,"arrangement":[[],[1,1,1,4],[2,2,2,4],[3,3,6,0],[4,2,3,6],[5,1,0,6],[0],[5,5,4,3],[5,6,0]]},{"level":31,"colors":8,"cases":10,"layers":4,"minMoves":16,"seed":31000004,"arrangement":[[0,0,0,4],[1,1,1,3],[],[3,3,1,4],[4,5,7,2],[5,5,5,2],[4,2,7],[7],[6,3,7,2],[6,6,6,0]]},{"level":32,"colors":8,"cases":10,"layers":4,"minMoves":17,"seed":32000001,"arrangement":[[],[1,6,2,5],[2,2,2,6],[0,3],[4,7,4,1],[5,5,5,0],[6,6,3,0],[7,7,7,1],[4,4,1,3],[0,3]]},{"level":33,"colors":8,"cases":10,"layers":4,"minMoves":17,"seed":33000002,"arrangement":[[0,0,0,1],[1,1,1,3],[],[3,3,5,2],[4,4,4,0],[5,2,7,2],[6,6,7],[6,6,7],[5,7],[4,3,5,2]]},{"level":34,"colors":8,"cases":10,"layers":4,"minMoves":16,"seed":34000001,"arrangement":[[0,0,0,3],[1,7],[6,6,5,2],[3,3,3,0],[4,2,2,1],[5,5,5,6],[6,7,1],[7,1,7],[],[4,4,4,2]]},{"level":35,"colors":8,"cases":10,"layers":4,"minMoves":17,"seed":35000002,"arrangement":[[0,0,0,4],[1,2,4,2],[7],[3,3,3,4],[4,2,7],[5,5,0,1],[1,3,2,7],[],[5,5,6,7],[6,6,6,1]]},{"level":36,"colors":8,"cases":10,"layers":4,"minMoves":17,"seed":36000002,"arrangement":[[0,0,0,6],[1,1,1,7],[],[3,3,7,5],[4,4,4,0],[5,2],[6,6,7,2],[5,2,3],[7,1,5,2],[6,4,3]]},{"level":37,"colors":8,"cases":10,"layers":4,"minMoves":17,"seed":37000006,"arrangement":[[0,0,2,2],[1,1,1,7],[6,4,0,2],[3,3,0,4],[4,1,5,3],[5,5,7,2],[6,6,6,3],[],[7,5,7,4],[]]},{"level":38,"colors":8,"cases":10,"layers":4,"minMoves":19,"seed":38000029,"arrangement":[[0,0,3,6],[1,1,1,2],[7,3,6],[3,6],[4,2,0,5],[5,5,5,7],[],[7,0,6],[4,4,4,2],[1,2,3,7]]},{"level":39,"colors":8,"cases":10,"layers":4,"minMoves":19,"seed":39000005,"arrangement":[[0,0,1,7],[1,1,7,2],[],[3,3,3,4],[],[5,5,4,2],[6,6,6,5],[3,2,7,2],[7,0,6,5],[0,4,1,4]]},{"level":40,"colors":9,"cases":10,"layers":4,"minMoves":17,"seed":40000004,"arrangement":[[0,0,4,7],[1,3,4,7],[2,2,2,1],[3,3,3,0],[4,7],[5,5,5,7],[6,6,6,1],[2,1,6,0],[8,8,8,5],[8,4]]},{"level":41,"colors":9,"cases":11,"layers":4,"minMoves":20,"seed":41000001,"arrangement":[[0,0,8,6],[1,8,8,0],[2,0,7,6],[3,3,3,5],[4,4,7,5],[],[],[7,7,2,5],[4,4,2,6],[1,1,1,2],[8,3,5,6]]},{"level":42,"colors":9,"cases":11,"layers":4,"minMoves":20,"seed":42000004,"arrangement":[[0,5,6],[1,1,1,3],[2,2,2,5],[6],[4,4,4,0],[5,2,6],[6],[7,7,0,5],[8,8,7,4],[8,3,1,3],[8,3,7,0]]},{"level":43,"colors":9,"cases":10,"layers":4,"minMoves":17,"seed":43000036,"arrangement":[[0,0,0,3],[1,1,1,5],[2,2,8,5],[3,3,3,0],[4,4,7,7],[5,8,6,4],[6,6,4,7],[],[8,8,7,6],[5,2,2,1]]},{"level":44,"colors":9,"cases":11,"layers":4,"minMoves":20,"seed":44000039,"arrangement":[[0,3,1,8],[],[2,6,6,1],[3,3,3,8],[4,4,4,1],[5,5,5,4],[6,5,7,1],[7,7,7,8],[],[2,0,6,8],[2,0,2,0]]},{"level":45,"colors":9,"cases":11,"layers":4,"minMoves":21,"seed":45000031,"arrangement":[[0,0,0,1],[1,1,1,2],[],[3,4,3,4],[4,2,6,4],[5,3,6],[6],[7,7,7,5],[8,8,8,2],[7,5,3,6],[8,0,2,5]]},{"level":46,"colors":10,"cases":11,"layers":4,"minMoves":18,"seed":46000024,"arrangement":[[0,0,0,5],[1,1,5],[5],[3,3,3,5],[4,4,4,2],[2,2,4,2],[6,6,6,8],[7,7,7,9],[8,1,3,1],[9,9,9,7],[8,6,8,0]]},{"level":47,"colors":10,"cases":12,"layers":4,"minMoves":22,"seed":47000001,"arrangement":[[],[1,1,1,8],[2,0],[3,1,2,0],[4,4,4,5],[5,5,0,3],[6,6,6,9],[7,3],[8,8,5,2],[9,3,2,0],[7,4,9,6],[7,7,9,8]]},{"level":48,"colors":10,"cases":12,"layers":4,"minMoves":21,"seed":48000004,"arrangement":[[0,5,4,7],[1,1,1,6],[2,0,5,7],[3,3,3,0],[4,4,9],[],[6,6,6,2],[7,7,9],[8,8,5,9],[9,4],[8,2,2,1],[8,3,0,5]]},{"level":49,"colors":10,"cases":11,"layers":4,"minMoves":20,"seed":49000024,"arrangement":[[],[1,1,1,7],[2,6,0,0],[3,4,2,0],[4,4,2,6],[5,5,3,4],[6,6,2,0],[7,7,7,9],[8,8,5,8],[9,9,9,3],[1,5,8,3]]},{"level":50,"colors":10,"cases":12,"layers":4,"minMoves":21,"seed":50000006,"arrangement":[[0,5,5],[1,1,8,0],[2,2,8,0],[3,3,9,6],[4,4,4,2],[],[5],[7,7,7,1],[8,8,0,6],[9,9,5,6],[2,6,3,9],[4,7,3,1]]}] as Level[]; /* --------------------------- Flavor palette + theme ------------------------ */ // Warm pastel bakery flavors. Muted and gender neutral, not garish. const FLAVORS = [ "#f0dcb8", // vanilla cream "#e79aa6", // strawberry "#a9c48b", // matcha "#8a5a3c", // chocolate "#8ea3d6", // blueberry "#f0cf74", // lemon "#b7a6d6", // taro "#d69a5c", // caramel "#c05b57", // red velvet "#8fcbb9", // mint ]; const COL_CREAM = 0xf7ead5; const COL_GOLD = 0xd9a441; const COL_ROSE = 0xe79aa6; const COL_HL = new THREE.Color(0xffe3a8); // warm selection highlight const COL_PLATE = new THREE.Color(0xf3ede2); // neutral ceramic plate const COL_SOLVE = new THREE.Color(COL_GOLD); /* --------------------------- Safe storage wrapper -------------------------- */ const memStore: Record = {}; function storeGet(k: string): string | null { try { return window.localStorage.getItem(k); } catch { return k in memStore ? memStore[k] : null; } } function storeSet(k: string, v: string): void { try { window.localStorage.setItem(k, v); } catch { /* opaque origin */ } memStore[k] = v; } interface Progress { unlocked: number; completed: number[]; } function loadProgress(): Progress { try { const raw = storeGet("cakesort:progress"); if (raw) { const p = JSON.parse(raw); if (typeof p.unlocked === "number" && Array.isArray(p.completed)) return p; } } catch { /* ignore */ } return { unlocked: 1, completed: [] }; } function saveProgress(p: Progress): void { storeSet("cakesort:progress", JSON.stringify(p)); } /* ------------------------------- Audio (synth) ----------------------------- */ // Soft, warm bakery chimes. Best effort, guarded so headless never throws. let actx: AudioContext | null = null; function audio(): AudioContext | null { if (!actx) { try { const AC = (window as any).AudioContext || (window as any).webkitAudioContext; if (AC) actx = new AC(); } catch { actx = null; } } if (actx && actx.state === "suspended") { actx.resume().catch(() => {}); } return actx; } function tone(freq: number, start: number, dur: number, type: OscillatorType, vol: number, slide = 0): void { const ac = actx; if (!ac) return; try { const t0 = ac.currentTime + start; const osc = ac.createOscillator(); const g = ac.createGain(); osc.type = type; osc.frequency.setValueAtTime(freq, t0); if (slide !== 0) osc.frequency.exponentialRampToValueAtTime(Math.max(30, freq + slide), t0 + dur); g.gain.setValueAtTime(0.0001, t0); g.gain.exponentialRampToValueAtTime(vol, t0 + 0.01); g.gain.exponentialRampToValueAtTime(0.0001, t0 + dur); osc.connect(g); g.connect(ac.destination); osc.start(t0); osc.stop(t0 + dur + 0.02); } catch { /* audio best effort */ } } function sfxPlace(delay: number, flavor: number): void { if (!audio()) return; const base = 500 + flavor * 34 + Math.random() * 40; tone(base, delay, 0.12, "sine", 0.14); tone(base * 1.5, delay, 0.07, "triangle", 0.05); } function sfxError(): void { if (!audio()) return; tone(200, 0, 0.13, "sine", 0.08, -50); } function sfxSolved(delay: number): void { if (!audio()) return; tone(660, delay, 0.16, "sine", 0.13); tone(880, delay + 0.09, 0.22, "sine", 0.12); } function sfxFanfare(delay: number): void { if (!audio()) return; const notes = [523.25, 659.25, 783.99, 1046.5]; notes.forEach((f, i) => { tone(f, delay + i * 0.1, 0.3, "sine", 0.12); tone(f / 2, delay + i * 0.1, 0.3, "triangle", 0.04); }); } function sfxPop(delay: number): void { if (!audio()) return; tone(320, delay, 0.1, "sine", 0.1, 120); } /* -------------------------------- Game state ------------------------------- */ type Screen = "map" | "game"; type HelperMode = "none" | "delete" | "move"; interface Snapshot { stands: number[][]; } let screen: Screen = "map"; let progress: Progress = loadProgress(); // Difficulty scales the starting undo count only, so the default tier plays the // authored boards exactly. Relaxed grants more undos, expert fewer. type Difficulty = 0 | 1 | 2; const BASE_UNDOS = 6; function loadDifficulty(): Difficulty { const r = storeGet("cakesort:difficulty"); const n = r != null ? parseInt(r, 10) : 1; return (n === 0 || n === 1 || n === 2 ? n : 1) as Difficulty; } let difficulty: Difficulty = loadDifficulty(); function saveDifficulty(): void { storeSet("cakesort:difficulty", String(difficulty)); } function undosForDifficulty(): number { return difficulty === 0 ? 10 : difficulty === 2 ? 3 : BASE_UNDOS; } let levelIdx = 0; let stands: number[][] = []; let selected = -1; let undoStack: Snapshot[] = []; let undosLeft = BASE_UNDOS; let won = false; let wonAt = 0; let moveCount = 0; let refreshCounter = 0; // Helper interaction state. let helperMode: HelperMode = "none"; let moveSource = -1; let shakes: { idx: number; t0: number }[] = []; let solvedGlowSince: Record = {}; let now = 0; /* ------------------------- Season Pass entitlement ------------------------- */ // Read pass status WITHOUT popping the upsell (passActive pattern). Helpers are // UNLIMITED when the pass is active, LOCKED when not. No counting anywhere. let passActive = false; function readPass(): void { const sp = (window as any).MCPitySeasonPass; passActive = !!(sp && typeof sp.isActive === "function" && sp.isActive()); } function wirePass(): void { const sp = (window as any).MCPitySeasonPass; if (!sp) { passActive = false; return; } if (typeof sp.onChange === "function") { sp.onChange(() => { readPass(); updateHelperBar(); updateHud(); }); } try { if (typeof sp.status === "function") sp.status(); } catch { /* ignore */ } readPass(); } // When a free player taps a locked helper, ask the host to open the upsell. // Resolves true if the pass becomes active; unlocks the helpers live. async function requestUnlock(): Promise { const sp = (window as any).MCPitySeasonPass; if (sp && typeof sp.requireForMode === "function") { let ok = false; try { ok = await sp.requireForMode("helpers"); } catch { ok = false; } if (ok) { passActive = true; updateHelperBar(); updateHud(); } return ok; } return false; } /* ------------------------------ Mount + renderer --------------------------- */ const rootEl: HTMLElement = document.getElementById("mcpity-root") || document.body; if (rootEl === document.body) { document.body.style.margin = "0"; document.body.style.overflow = "hidden"; document.body.style.position = "relative"; document.body.style.minHeight = "100vh"; } rootEl.style.margin = "0"; rootEl.style.background = "#f4ead9"; const renderer = new THREE.WebGLRenderer({ antialias: true, powerPreference: "high-performance" }); renderer.outputColorSpace = THREE.SRGBColorSpace; renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.12; renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2)); const glCanvas = renderer.domElement; glCanvas.style.display = "block"; glCanvas.style.width = "100%"; glCanvas.style.height = "100%"; glCanvas.style.touchAction = "none"; glCanvas.style.userSelect = "none"; (glCanvas.style as any).webkitTapHighlightColor = "transparent"; rootEl.appendChild(glCanvas); let cssW = 0, cssH = 0; /* --------------------------------- Scene ----------------------------------- */ const scene = new THREE.Scene(); scene.background = new THREE.Color(0xf4ead9); const camera = new THREE.PerspectiveCamera(45, 1, 0.1, 100); const camBase = new THREE.Vector3(0, 1.2, 9); const camTarget = new THREE.Vector3(0, 0, 0); // Lights (budget: 4). Soft, warm, no neon. const ambLight = new THREE.AmbientLight(0xffffff, 1.5); const keyLight = new THREE.DirectionalLight(0xfff2d8, 1.5); keyLight.position.set(3, 7.5, 6); const fillLight = new THREE.DirectionalLight(0xffe6cf, 0.5); fillLight.position.set(-5, 3, 4); const warmPoint = new THREE.PointLight(0xffd9a0, 22, 40, 2); warmPoint.position.set(0, 4.5, 5); scene.add(ambLight, keyLight, fillLight, warmPoint); // Bakery backdrop: soft vertical gradient wall (fog off so the gradient reads). const bgGeom = new THREE.PlaneGeometry(70, 45, 1, 1); { const top = new THREE.Color(0xfaf1e2); const bot = new THREE.Color(0xecd6c0); const cols = new Float32Array([ top.r, top.g, top.b, top.r, top.g, top.b, bot.r, bot.g, bot.b, bot.r, bot.g, bot.b, ]); bgGeom.setAttribute("color", new THREE.BufferAttribute(cols, 3)); } const bgPlane = new THREE.Mesh(bgGeom, new THREE.MeshBasicMaterial({ vertexColors: true, fog: false })); bgPlane.position.set(0, 2, -9); scene.add(bgPlane); // Soft counter/table surface. const floorMesh = new THREE.Mesh( new THREE.PlaneGeometry(60, 60), new THREE.MeshStandardMaterial({ color: 0xe7d2b6, roughness: 0.85, metalness: 0.0 }), ); floorMesh.rotation.x = -Math.PI / 2; scene.add(floorMesh); /* ----------------------- Stand + layer geometry/materials ------------------ */ const STAND_W = 0.86; // footprint width used for spacing + hit test const GAP_X = 0.5, ROW_GAP = 1.15; const LAYER_R = 0.42; // cake layer radius const SLOT_H = 0.34; // layer height / vertical slot const STACK_H = SLOT_H * CAP; // full stack height const LIFT_AMT = SLOT_H * 0.7; const layerGeom = new THREE.CylinderGeometry(LAYER_R, LAYER_R, SLOT_H * 0.9, 28); const plateGeom = new THREE.CylinderGeometry(LAYER_R + 0.16, LAYER_R + 0.2, 0.08, 32); const stemGeom = new THREE.CylinderGeometry(0.1, 0.14, 0.5, 20); const footGeom = new THREE.CylinderGeometry(0.3, 0.34, 0.08, 24); const cherryGeom = new THREE.SphereGeometry(0.1, 16, 12); const hitGeom = new THREE.BoxGeometry(STAND_W + 0.2, STACK_H + 1.1, STAND_W + 0.3); const plateMat = new THREE.MeshStandardMaterial({ color: COL_PLATE, roughness: 0.35, metalness: 0.1 }); const standMat = new THREE.MeshStandardMaterial({ color: 0xe4d3bd, roughness: 0.4, metalness: 0.1 }); const cherryMat = new THREE.MeshStandardMaterial({ color: 0xc0303a, roughness: 0.25, metalness: 0.05, emissive: 0x300808 }); const hitMat = new THREE.MeshBasicMaterial({ visible: false }); const layerMats = FLAVORS.map((hex) => { const c = new THREE.Color(hex); return new THREE.MeshStandardMaterial({ color: c, roughness: 0.62, metalness: 0.02, emissive: c.clone().multiplyScalar(0.05), }); }); /* -------------------------- Asset-swap preload ----------------------------- */ // Store builds can inject GLB models for the cake layers + the cake stand via // the asset seam above. We preload each once at boot (see void preloadAssets() // at the bottom), cache the template, and clone-per-instance in makeLayerMesh / // makeStandModel. On /play every getModel() returns null, so these maps stay // EMPTY and the factories fall through to their existing procedural primitives. // // Flavor int -> model key. Only the four base flavors have injectable models; // flavors 4+ always render procedurally (a partial pack degrades per-key). const LAYER_MODEL_KEYS = [ "cake_layer_vanilla", // 0 "cake_layer_strawberry", // 1 "cake_layer_matcha", // 2 "cake_layer_chocolate", // 3 ]; const modelTemplates = new Map(); // flavor -> loaded template let standTemplate: THREE.Object3D | null = null; // Uniformly scale a cloned template to fit within (2*radius diameter, height) // and center it inside a Group so the caller's position.set(...) places it // exactly like the procedural cylinder (whose geometry is centered on origin). function fitLayerTemplate(template: THREE.Object3D): THREE.Object3D { const inst = template.clone(true); const box = new THREE.Box3().setFromObject(inst); const size = box.getSize(new THREE.Vector3()); const sHeight = size.y > 1e-4 ? (SLOT_H * 0.9) / size.y : 1; const maxXZ = Math.max(size.x, size.z); const sRadius = maxXZ > 1e-4 ? (LAYER_R * 2) / maxXZ : 1; inst.scale.setScalar(Math.min(sHeight, sRadius)); const centered = new THREE.Box3().setFromObject(inst); const center = centered.getCenter(new THREE.Vector3()); inst.position.sub(center); const group = new THREE.Group(); group.add(inst); return group; } // Store build only. Returns a fitted clone of the injected stand model, or null // on /play so rebuildStands() keeps its procedural foot + stem + plate. function makeStandModel(): THREE.Object3D | null { if (!standTemplate) return null; const inst = standTemplate.clone(true); const box = new THREE.Box3().setFromObject(inst); const size = box.getSize(new THREE.Vector3()); const targetH = 0.66; // procedural foot+stem+plate vertical span const sHeight = size.y > 1e-4 ? targetH / size.y : 1; const maxXZ = Math.max(size.x, size.z); const sWidth = maxXZ > 1e-4 ? STAND_W / maxXZ : 1; inst.scale.setScalar(Math.min(sHeight, sWidth)); const fitted = new THREE.Box3().setFromObject(inst); const center = fitted.getCenter(new THREE.Vector3()); inst.position.x -= center.x; inst.position.z -= center.z; inst.position.y -= fitted.max.y; // top sits at group-local y=0, where layer 0 begins const group = new THREE.Group(); group.add(inst); return group; } // One-time boot preload. Fills the caches from the injected pack; on /play every // getModel() is null so the caches stay empty (zero visual change). If anything // loaded and we're already mid-level, rebuild to swap the models in live. async function preloadAssets(): Promise { try { for (let flavor = 0; flavor < LAYER_MODEL_KEYS.length; flavor++) { const model = await Assets.getModel(LAYER_MODEL_KEYS[flavor]); if (model) modelTemplates.set(flavor, model); } const stand = await Assets.getModel("stand"); if (stand) standTemplate = stand; } catch (_e) { /* any failure -> everything stays procedural */ } if ((modelTemplates.size > 0 || standTemplate) && screen === "game") { rebuildStands(); } } /* -------------------------- Stand scene-graph state ------------------------ */ interface StandVis { group: THREE.Group; baseX: number; bottomY: number; // world y of the plate top (where layer 0 sits) plate: THREE.Mesh; cherry: THREE.Mesh; hit: THREE.Mesh; lift: number; } let standVis: StandVis[] = []; // Object3D (not Mesh) because a store build's layer may be a fitted GLB Group; // only Object3D members (.position/.visible/.userData/.parent) are read here. let layerMeshes: (THREE.Object3D | null)[][] = []; // [stand][slot] const pendingReveal = new Set(); // "stand:slot" hidden until flight lands interface Flight3D { mesh: THREE.Object3D; // procedural Mesh or a fitted GLB Group (store build) p0: THREE.Vector3; pc: THREE.Vector3; p1: THREE.Vector3; t0: number; dur: number; dst: number; slot: number; } let flights3d: Flight3D[] = []; function disposeStandVis(): void { for (const sv of standVis) scene.remove(sv.group); standVis = []; layerMeshes = []; } function rebuildStands(): void { disposeStandVis(); clearFlights(); const n = stands.length; const rows = n > 6 ? 2 : 1; const firstRow = rows === 2 ? Math.ceil(n / 2) : n; for (let i = 0; i < n; i++) { const row = rows === 2 && i >= firstRow ? 1 : 0; const inRow = rows === 2 ? (row === 0 ? firstRow : n - firstRow) : n; const idxInRow = row === 0 ? i : i - firstRow; const x = (idxInRow - (inRow - 1) / 2) * (STAND_W + GAP_X); const centerY = rows === 2 ? (row === 0 ? (STACK_H + ROW_GAP) / 2 : -(STACK_H + ROW_GAP) / 2) : 0; const bottomY = centerY - STACK_H / 2 + 0.1; const group = new THREE.Group(); group.position.set(x, bottomY, 0); // The plate mesh is ALWAYS created — the solved-glow tick lerps // sv.plate.material, so this handle must stay valid regardless of build. const plate = new THREE.Mesh(plateGeom, plateMat.clone()); plate.position.y = -0.04; const cherry = new THREE.Mesh(cherryGeom, cherryMat); cherry.position.y = STACK_H + 0.14; cherry.visible = false; const hit = new THREE.Mesh(hitGeom, hitMat); hit.position.y = STACK_H / 2 + 0.1; hit.userData.standIndex = i; const standModel = makeStandModel(); if (standModel) { // Store build: the injected GLB replaces the procedural foot + stem + // plate visuals. Keep the (now hidden) plate mesh so the glow handle and // the bottomY/STACK_H stacking math are untouched. plate.visible = false; group.add(standModel, plate, cherry, hit); } else { // /play (and any missing pack): procedural foot + stem + plate (unchanged). const foot = new THREE.Mesh(footGeom, standMat); foot.position.y = -0.62; const stem = new THREE.Mesh(stemGeom, standMat); stem.position.y = -0.33; group.add(foot, stem, plate, cherry, hit); } scene.add(group); standVis.push({ group, baseX: x, bottomY, plate, cherry, hit, lift: 0 }); } let minBottom = Infinity; for (const sv of standVis) minBottom = Math.min(minBottom, sv.bottomY); floorMesh.position.y = (isFinite(minBottom) ? minBottom : 0) - 0.75; bgPlane.position.y = 2; rebuildLayers(); frameCamera(); } function slotLocalY(slot: number): number { return slot * SLOT_H + SLOT_H / 2; } function slotWorldPos(standIdx: number, slot: number, out: THREE.Vector3): THREE.Vector3 { const sv = standVis[standIdx]; return out.set(sv.baseX, sv.bottomY + slotLocalY(slot), 0); } function makeLayerMesh(flavor: number): THREE.Object3D { // Store build: swap in the injected GLB (fitted + centered) when preloaded. // /play: modelTemplates is empty -> procedural cylinder (unchanged). SYNC on // purpose (called in rebuildLayers / attemptPour / doMoveLayer hot paths) by // reading the preloaded cache, never awaiting. const template = modelTemplates.get(flavor); if (template) return fitLayerTemplate(template); return new THREE.Mesh(layerGeom, layerMats[flavor]); } function rebuildLayers(): void { for (let i = 0; i < layerMeshes.length; i++) { for (const g of layerMeshes[i]) if (g && g.parent) g.parent.remove(g); } layerMeshes = []; for (let i = 0; i < stands.length; i++) { const col: (THREE.Object3D | null)[] = []; for (let s = 0; s < stands[i].length; s++) { const layer = makeLayerMesh(stands[i][s]); layer.position.set(0, slotLocalY(s), 0); layer.userData.baseY = slotLocalY(s); if (pendingReveal.has(i + ":" + s)) layer.visible = false; standVis[i].group.add(layer); col.push(layer); } layerMeshes.push(col); } } function clearFlights(): void { for (const f of flights3d) scene.remove(f.mesh); flights3d = []; pendingReveal.clear(); } /* -------------------------------- Camera framing --------------------------- */ function frameCamera(): void { if (standVis.length === 0) return; let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity; for (const sv of standVis) { minX = Math.min(minX, sv.baseX - STAND_W / 2 - 0.4); maxX = Math.max(maxX, sv.baseX + STAND_W / 2 + 0.4); minY = Math.min(minY, sv.bottomY - 0.9); maxY = Math.max(maxY, sv.bottomY + STACK_H + 0.9); } const cx = (minX + maxX) / 2, cy = (minY + maxY) / 2; const halfW = (maxX - minX) / 2, halfH = (maxY - minY) / 2; const fovV = THREE.MathUtils.degToRad(camera.fov) / 2; const fovH = Math.atan(Math.tan(fovV) * camera.aspect); const dV = (halfH * 1.28) / Math.tan(fovV); const dH = (halfW * 1.1) / Math.tan(fovH); const dist = Math.max(dV, dH) + 0.8; camTarget.set(cx, cy - dist * 0.04, 0); camBase.set(cx, cy + dist * 0.1, dist); camera.position.copy(camBase); camera.lookAt(camTarget); } function resize(): void { const r = rootEl.getBoundingClientRect(); cssW = Math.max(200, r.width || window.innerWidth); cssH = Math.max(200, r.height || window.innerHeight); renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2)); renderer.setSize(cssW, cssH, false); camera.aspect = cssW / cssH; camera.updateProjectionMatrix(); frameCamera(); } /* ------------------------------ Sparkles ----------------------------------- */ function makeStarTexture(): THREE.Texture { const c = document.createElement("canvas"); c.width = 64; c.height = 64; const g = c.getContext("2d")!; const grad = g.createRadialGradient(32, 32, 0, 32, 32, 30); grad.addColorStop(0, "rgba(255,255,255,1)"); grad.addColorStop(0.3, "rgba(255,240,210,0.55)"); grad.addColorStop(1, "rgba(255,240,210,0)"); g.fillStyle = grad; g.fillRect(0, 0, 64, 64); const tex = new THREE.CanvasTexture(c); tex.colorSpace = THREE.SRGBColorSpace; return tex; } const starTex = makeStarTexture(); interface Spark { sprite: THREE.Sprite; active: boolean; t0: number; life: number; pos: THREE.Vector3; vel: THREE.Vector3; baseScale: number; } const SPARK_POOL = 26; const sparks: Spark[] = []; for (let i = 0; i < SPARK_POOL; i++) { const mat = new THREE.SpriteMaterial({ map: starTex, blending: THREE.AdditiveBlending, transparent: true, depthWrite: false, color: i % 3 === 0 ? 0xffffff : COL_GOLD, }); const sprite = new THREE.Sprite(mat); sprite.visible = false; scene.add(sprite); sparks.push({ sprite, active: false, t0: 0, life: 1, pos: new THREE.Vector3(), vel: new THREE.Vector3(), baseScale: 0.2 }); } function spawnBurst(pos: THREE.Vector3, count: number, delay: number, big: boolean): void { let placed = 0; for (const sp of sparks) { if (placed >= count) break; if (sp.active && now - sp.t0 < sp.life) continue; sp.active = true; sp.t0 = now + delay; sp.life = 420 + Math.random() * 360; sp.pos.copy(pos).add(new THREE.Vector3((Math.random() - 0.5) * 0.3, (Math.random() - 0.5) * 0.3, 0.2)); const a = Math.random() * Math.PI * 2; const spd = (big ? 0.85 : 0.5) * (0.4 + Math.random()); sp.vel.set(Math.cos(a) * spd, Math.sin(a) * spd + 0.4, 0.15 * Math.random()); sp.baseScale = (big ? 0.32 : 0.18) * (0.6 + Math.random() * 0.8); sp.sprite.visible = false; placed++; } } /* --------------------------------- Confetti -------------------------------- */ const CONF_N = 150; const confGeom = new THREE.PlaneGeometry(0.1, 0.06); const confMat = new THREE.MeshBasicMaterial({ side: THREE.DoubleSide, fog: false }); const confetti = new THREE.InstancedMesh(confGeom, confMat, CONF_N); confetti.visible = false; confetti.frustumCulled = false; scene.add(confetti); const confPos: THREE.Vector3[] = []; const confVel: THREE.Vector3[] = []; const confAxis: THREE.Vector3[] = []; const confRot: number[] = []; let confT0 = -1; const CONF_LIFE = 2900; { const c = new THREE.Color(); for (let i = 0; i < CONF_N; i++) { confPos.push(new THREE.Vector3()); confVel.push(new THREE.Vector3()); confAxis.push(new THREE.Vector3(Math.random() - 0.5, Math.random() - 0.5, Math.random() - 0.5).normalize()); confRot.push((Math.random() - 0.5) * 10); confetti.setColorAt(i, c.set(FLAVORS[i % FLAVORS.length])); } if (confetti.instanceColor) confetti.instanceColor.needsUpdate = true; } const _dummy = new THREE.Object3D(); function spawnConfetti(): void { confT0 = now; const top = camTarget.y + 1.6; for (let i = 0; i < CONF_N; i++) { confPos[i].set(camTarget.x + (Math.random() - 0.5) * 1.8, top + (Math.random() - 0.5) * 0.7, 0.6 + Math.random() * 1.2); const a = Math.random() * Math.PI * 2; const sp = 0.8 + Math.random() * 2.2; confVel[i].set(Math.cos(a) * sp, Math.sin(a) * sp + 1.6, (Math.random() - 0.5) * 0.8); } confetti.visible = true; } function tickConfetti(dt: number): void { if (confT0 < 0) return; const age = now - confT0; if (age > CONF_LIFE) { confT0 = -1; confetti.visible = false; return; } const fade = age > CONF_LIFE - 500 ? (CONF_LIFE - age) / 500 : 1; for (let i = 0; i < CONF_N; i++) { confVel[i].y -= 4.2 * dt; confVel[i].multiplyScalar(1 - 0.6 * dt); confPos[i].addScaledVector(confVel[i], dt); _dummy.position.copy(confPos[i]); _dummy.quaternion.setFromAxisAngle(confAxis[i], confRot[i] * age * 0.001); _dummy.scale.setScalar(Math.max(0.001, fade)); _dummy.updateMatrix(); confetti.setMatrixAt(i, _dummy.matrix); } confetti.instanceMatrix.needsUpdate = true; } /* ------------------------------- Level flow -------------------------------- */ function loadLevelByIndex(i: number): void { levelIdx = Math.max(0, Math.min(LEVELS.length - 1, i)); const lv = LEVELS[levelIdx]; stands = cloneBoard(lv.arrangement); selected = -1; undoStack = []; undosLeft = undosForDifficulty(); won = false; moveCount = 0; refreshCounter = 0; helperMode = "none"; moveSource = -1; shakes = []; solvedGlowSince = {}; screen = "game"; clearFlights(); confT0 = -1; confetti.visible = false; rebuildStands(); showScreen(); updateHud(); } function markWon(): void { won = true; wonAt = now; helperMode = "none"; const lvNum = LEVELS[levelIdx].level; if (!progress.completed.includes(lvNum)) progress.completed.push(lvNum); if (lvNum + 1 > progress.unlocked) progress.unlocked = Math.min(LEVELS.length, lvNum + 1); saveProgress(progress); spawnConfetti(); sfxFanfare(0.2); updateHud(); } function startPlay(): void { const idx = Math.min(Math.max(1, progress.unlocked), LEVELS.length) - 1; loadLevelByIndex(idx); } function restartLevel(): void { loadLevelByIndex(levelIdx); } /* -------------------------------- Share hook ------------------------------- */ function playLink(): string { let url = "https://mcpity.com/play/g/cake-sort"; try { if (typeof window !== "undefined" && window.location && window.location.origin) { url = window.location.origin + "/play/g/cake-sort"; } } catch { /* opaque location */ } return url; } function copyLink(url: string): void { try { const nav: any = typeof navigator !== "undefined" ? navigator : null; if (nav && nav.clipboard && typeof nav.clipboard.writeText === "function") { nav.clipboard.writeText(url).then(() => flashShare("LINK COPIED")).catch(() => flashShare("SHARE")); return; } } catch { /* clipboard unavailable */ } flashShare("SHARE"); } function shareGame(): void { const url = playLink(); try { const nav: any = typeof navigator !== "undefined" ? navigator : null; if (nav && typeof nav.share === "function") { nav.share({ title: "Cake Sort", text: "Sort the cake layers in this sweet bakery puzzle.", url }) .then(() => flashShare("SHARED")) .catch(() => copyLink(url)); return; } } catch { /* share unavailable */ } copyLink(url); } /* ------------------------------ Core mechanics ----------------------------- */ // The ONE pour path used by taps and the test hook. State applied synchronously; // only the flight visualization is animated. function attemptPour(src: number, dst: number): boolean { const n = canPour(stands, src, dst); if (n <= 0) return false; undoStack.push({ stands: cloneBoard(stands) }); if (undoStack.length > 40) undoStack.shift(); const flavor = stands[src][stands[src].length - 1]; const dstStart = stands[dst].length; for (let k = 0; k < n; k++) stands[dst].push(stands[src].pop()!); moveCount++; const sv = standVis[src], dv = standVis[dst]; if (sv && dv) { for (let k = 0; k < n; k++) { const slot = dstStart + k; pendingReveal.add(dst + ":" + slot); const p0 = new THREE.Vector3(sv.baseX, sv.bottomY + STACK_H + 0.34, 0); const p1 = slotWorldPos(dst, slot, new THREE.Vector3()); const pc = new THREE.Vector3((p0.x + p1.x) / 2, Math.max(p0.y, dv.bottomY + STACK_H + 0.32) + 0.8, 0.5); const mesh = makeLayerMesh(flavor); mesh.visible = false; scene.add(mesh); flights3d.push({ mesh, p0, pc, p1, t0: now + k * 45, dur: 300, dst, slot }); sfxPlace(k * 0.05, flavor); } } else { for (let k = 0; k < n; k++) sfxPlace(k * 0.05, flavor); } if (isStandSolved(stands[dst])) { solvedGlowSince[dst] = now + n * 45 + 300; sfxSolved(0.05 + n * 0.05 + 0.2); if (dv) { const p = new THREE.Vector3(dv.baseX, dv.bottomY + STACK_H / 2, 0.35); spawnBurst(p, 12, n * 45 + 320, true); } } selected = -1; if (isWonState(stands) && !won) markWon(); rebuildLayers(); updateHud(); return true; } function doUndo(): boolean { if (won || undosLeft <= 0 || undoStack.length === 0) return false; const snap = undoStack.pop()!; stands = snap.stands; undosLeft--; selected = -1; helperMode = "none"; moveSource = -1; clearFlights(); solvedGlowSince = {}; for (let i = 0; i < stands.length; i++) if (isStandSolved(stands[i])) solvedGlowSince[i] = now - 9999; if (standVis.length !== stands.length) rebuildStands(); else rebuildLayers(); updateHud(); return true; } /* --------------------------------- Helpers --------------------------------- */ // Raw gameplay actions. The UI gates these behind the Season Pass, but the test // hook calls them directly so the mechanics stay deterministically testable. // DELETE: discard the top layer of a stand. function doDeleteLayer(idx: number): boolean { if (won) return false; if (idx < 0 || idx >= stands.length) return false; if (stands[idx].length === 0) return false; undoStack.push({ stands: cloneBoard(stands) }); if (undoStack.length > 40) undoStack.shift(); stands[idx].pop(); moveCount++; selected = -1; const sv = standVis[idx]; if (sv) { const p = new THREE.Vector3(sv.baseX, sv.bottomY + slotLocalY(stands[idx].length), 0.3); spawnBurst(p, 8, 0, false); } sfxPop(0); if (isWonState(stands) && !won) markWon(); rebuildLayers(); updateHud(); return true; } // MOVE: relocate ONE layer from any stand top to any other stand top, bypassing // the color rule (a free move). Destination must have room. function doMoveLayer(src: number, dst: number): boolean { if (won) return false; if (src < 0 || dst < 0 || src >= stands.length || dst >= stands.length || src === dst) return false; if (stands[src].length === 0 || stands[dst].length >= CAP) return false; undoStack.push({ stands: cloneBoard(stands) }); if (undoStack.length > 40) undoStack.shift(); const flavor = stands[src].pop()!; const slot = stands[dst].length; stands[dst].push(flavor); moveCount++; selected = -1; const sv = standVis[src], dv = standVis[dst]; if (sv && dv) { pendingReveal.add(dst + ":" + slot); const p0 = new THREE.Vector3(sv.baseX, sv.bottomY + STACK_H + 0.34, 0); const p1 = slotWorldPos(dst, slot, new THREE.Vector3()); const pc = new THREE.Vector3((p0.x + p1.x) / 2, Math.max(p0.y, dv.bottomY + STACK_H + 0.32) + 0.8, 0.5); const mesh = makeLayerMesh(flavor); mesh.visible = false; scene.add(mesh); flights3d.push({ mesh, p0, pc, p1, t0: now, dur: 300, dst, slot }); } sfxPlace(0, flavor); if (isStandSolved(stands[dst])) solvedGlowSince[dst] = now + 320; if (isWonState(stands) && !won) markWon(); rebuildLayers(); updateHud(); return true; } // REFRESH: re-deal the current level into a fresh, guaranteed-solvable // arrangement, reusing the reverse generator with a new seed for the SAME level // params and confirming solvability with the bounded solver. function doRefresh(): boolean { if (won) return false; const lv = LEVELS[levelIdx]; const depth = 50 + lv.colors * 10; let board: number[][] | null = null; for (let a = 0; a < 80; a++) { refreshCounter++; const seed = (lv.seed + refreshCounter * 104729) >>> 0; const cand = generateBoard(lv.colors, lv.cases, depth, seed); if (isWonState(cand)) continue; if (solveBounded(cand, 250000)) { board = cand; break; } } if (!board) return false; stands = board; selected = -1; undoStack = []; helperMode = "none"; moveSource = -1; won = false; moveCount = 0; shakes = []; solvedGlowSince = {}; clearFlights(); confT0 = -1; confetti.visible = false; rebuildStands(); updateHud(); return true; } function rejectTap(idx: number): void { shakes.push({ idx, t0: now }); sfxError(); } /* ----------------------------------- HUD ----------------------------------- */ const hudStyle = document.createElement("style"); hudStyle.id = "cs-style"; hudStyle.textContent = ` #cs-hud { position: absolute; inset: 0; pointer-events: none; overflow: hidden; font-family: ui-rounded, "SF Pro Rounded", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color: #5a4632; -webkit-user-select: none; user-select: none; } #cs-hud * { box-sizing: border-box; } .cs-btn { pointer-events: auto; cursor: pointer; appearance: none; outline: none; background: linear-gradient(160deg, #fff7ec, #f6e6cf); border: 1px solid rgba(201,161,109,0.5); color: #6b5238; border-radius: 16px; font: 700 12px/1 ui-rounded, system-ui, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; padding: 13px 16px; box-shadow: 0 3px 0 rgba(201,161,109,0.28); transition: transform .08s, box-shadow .08s, opacity .15s; } .cs-btn:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(201,161,109,0.28); } .cs-btn[disabled] { opacity: 0.4; pointer-events: none; } .cs-btn.gold { background: linear-gradient(160deg, #f6d67e, #e6b24c); color: #6b4a1e; border-color: rgba(180,130,50,0.5); } .cs-btn.rose { background: linear-gradient(160deg, #f6cdd3, #ed9fab); color: #7a3a44; border-color: rgba(200,120,130,0.5); } #cs-header { position: absolute; top: 0; left: 0; right: 0; height: 58px; display: flex; align-items: center; padding: 8px 10px; gap: 10px; background: linear-gradient(rgba(244,234,217,0.9), rgba(244,234,217,0)); } #cs-back, #cs-restart { width: 46px; padding: 13px 0; text-align: center; font-size: 18px; } #cs-hlevel { flex: 1; text-align: center; } #cs-hlevel .lv { font: 800 17px/1.2 ui-rounded, system-ui, sans-serif; letter-spacing: 0.12em; color: #5a4632; } #cs-hlevel .meta { font: 600 10px/1.4 ui-rounded, system-ui, sans-serif; letter-spacing: 0.1em; color: #a08867; } #cs-banner { position: absolute; top: 62px; left: 50%; transform: translateX(-50%); max-width: 90%; text-align: center; padding: 8px 16px; border-radius: 999px; background: rgba(255,247,236,0.92); border: 1px solid rgba(201,161,109,0.5); font: 700 11px/1.3 ui-rounded, system-ui, sans-serif; letter-spacing: 0.04em; color: #7a5c38; display: none; box-shadow: 0 2px 8px rgba(120,90,50,0.12); } #cs-banner.show { display: block; } #cs-footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 12px 14px; display: flex; flex-direction: column; gap: 10px; align-items: center; background: linear-gradient(rgba(244,234,217,0), rgba(244,234,217,0.92)); } #cs-helpers { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; width: 100%; max-width: 470px; } .cs-help { pointer-events: auto; cursor: pointer; appearance: none; outline: none; position: relative; flex: 1 1 0; min-width: 92px; max-width: 150px; display: flex; flex-direction: column; align-items: center; gap: 3px; background: linear-gradient(160deg, #fff7ec, #f4e4cd); border: 1px solid rgba(201,161,109,0.5); border-radius: 14px; padding: 9px 6px 8px; box-shadow: 0 3px 0 rgba(201,161,109,0.25); transition: transform .08s, box-shadow .08s, border-color .15s; } .cs-help:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(201,161,109,0.25); } .cs-help .ico { font-size: 18px; line-height: 1; } .cs-help .lbl { font: 700 10px/1 ui-rounded, system-ui, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; color: #6b5238; } .cs-help .sub { font: 600 8px/1 ui-rounded, system-ui, sans-serif; letter-spacing: 0.06em; color: #b06a52; text-transform: uppercase; } .cs-help.active { border-color: rgba(180,130,50,0.9); box-shadow: 0 0 0 2px rgba(230,178,76,0.5), 0 3px 0 rgba(201,161,109,0.25); } .cs-help.locked .ico { opacity: 0.5; } .cs-help.locked .lbl { color: #9a8365; } #cs-undo { min-width: 150px; } #cs-win { position: absolute; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: rgba(255,247,236,0.72); opacity: 0; transition: opacity .5s ease .2s; pointer-events: none; } #cs-win.show { display: flex; opacity: 1; pointer-events: auto; } #cs-win h1 { margin: 0; font: 800 clamp(22px, 7vw, 40px)/1.15 ui-rounded, system-ui, sans-serif; letter-spacing: 0.06em; white-space: nowrap; text-align: center; color: #d98b3f; text-shadow: 0 2px 14px rgba(217,139,63,0.35); } #cs-win .sub { font: 600 13px/1.4 ui-rounded, system-ui, sans-serif; letter-spacing: 0.04em; color: #8a6c48; } #cs-win .cs-btn { margin-top: 12px; font-size: 13px; padding: 16px 34px; } #cs-map { position: absolute; inset: 0; display: none; overflow-y: auto; pointer-events: auto; background: linear-gradient(180deg, #faf1e2 0%, #f2e0c9 60%, #eed7bd 100%); padding: 28px 16px 40px; } #cs-map.show { display: block; } #cs-map .title { text-align: center; font: 800 clamp(30px, 11vw, 52px)/1.1 ui-rounded, system-ui, sans-serif; letter-spacing: 0.06em; color: #d98b3f; text-shadow: 0 3px 18px rgba(217,139,63,0.28); margin-top: 6px; } #cs-map .subtitle { text-align: center; font: 700 clamp(9px, 2.6vw, 12px)/1.4 ui-rounded, system-ui, sans-serif; letter-spacing: 0.34em; color: #b0895a; margin: 6px 0 22px; } .cs-howto { text-align: center; max-width: 470px; margin: 0 auto 18px; font: 600 clamp(11px, 3.2vw, 13px)/1.5 ui-rounded, system-ui, sans-serif; color: #8a6c48; } .cs-startrow { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; max-width: 470px; margin: 0 auto 18px; } .cs-startrow .cs-btn { min-width: 108px; padding: 14px 18px; } .cs-diff { max-width: 470px; margin: 0 auto 24px; } .cs-diff-label { text-align: center; font: 700 10px/1 ui-rounded, system-ui, sans-serif; letter-spacing: 0.3em; color: #a08867; margin-bottom: 10px; } .cs-diff-stars { display: flex; gap: 10px; justify-content: center; } .cs-star { pointer-events: auto; cursor: pointer; appearance: none; outline: none; flex: 1 1 0; max-width: 150px; display: flex; flex-direction: column; align-items: center; gap: 5px; background: linear-gradient(160deg, #fff7ec, #f4e4cd); border: 1px solid rgba(201,161,109,0.4); border-radius: 14px; padding: 11px 8px; transition: border-color .15s, transform .08s; } .cs-star:active { transform: scale(0.97); } .cs-star .s { font-size: 15px; color: #c9a86d; } .cs-star .l { font: 700 9px/1 ui-rounded, system-ui, sans-serif; letter-spacing: 0.14em; color: #a08867; } .cs-star.sel { border-color: rgba(180,130,50,0.8); box-shadow: 0 0 0 2px rgba(230,178,76,0.35) inset; } .cs-star.sel .s { color: #e0a63f; } .cs-star.sel .l { color: #7a5c38; } #cs-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; max-width: 470px; margin: 0 auto; } .cs-tile { aspect-ratio: 1; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; border: 1px solid rgba(201,161,109,0.45); background: #fff7ec; color: #7a5c38; font: 800 clamp(15px, 5vw, 22px)/1 ui-rounded, system-ui, sans-serif; box-shadow: 0 3px 0 rgba(201,161,109,0.22); transition: transform .08s; } .cs-tile:active { transform: translateY(2px); } .cs-tile.done { border-color: rgba(180,130,50,0.7); color: #d98b3f; } .cs-tile.done .tick { font-size: 12px; color: #6fae7c; margin-top: 3px; } .cs-tile.locked { border-color: #e3d3ba; background: #efe2cd; color: #c3ad8c; cursor: default; box-shadow: none; } `; document.head.appendChild(hudStyle); const hud = document.createElement("div"); hud.id = "cs-hud"; hud.innerHTML = `

LEVEL 1

ALL SORTED

CAKE SORT

SWEET LAYER PUZZLE

Tap a cake stand, then tap another to pour matching layers. Fill every stand with a single flavor.

DIFFICULTY

`; rootEl.appendChild(hud); const elHeader = hud.querySelector("#cs-header") as HTMLElement; const elFooter = hud.querySelector("#cs-footer") as HTMLElement; const elBanner = hud.querySelector("#cs-banner") as HTMLElement; const elLevel = hud.querySelector("#cs-hlevel .lv") as HTMLElement; const elMeta = hud.querySelector("#cs-hlevel .meta") as HTMLElement; const elUndo = hud.querySelector("#cs-undo") as HTMLButtonElement; const elDelete = hud.querySelector("#cs-delete") as HTMLButtonElement; const elMove = hud.querySelector("#cs-move") as HTMLButtonElement; const elRefresh = hud.querySelector("#cs-refresh") as HTMLButtonElement; const elBack = hud.querySelector("#cs-back") as HTMLButtonElement; const elWin = hud.querySelector("#cs-win") as HTMLElement; const elWinSub = hud.querySelector("#cs-win .sub") as HTMLElement; const elNext = hud.querySelector("#cs-next") as HTMLButtonElement; const elMap = hud.querySelector("#cs-map") as HTMLElement; const elGrid = hud.querySelector("#cs-grid") as HTMLElement; const elRestart = hud.querySelector("#cs-restart") as HTMLButtonElement; const elPlay = hud.querySelector("#cs-play") as HTMLButtonElement; const elShare = hud.querySelector("#cs-share") as HTMLButtonElement; const elStars = Array.from(hud.querySelectorAll(".cs-star")) as HTMLButtonElement[]; let shareRestoreAt = 0; function flashShare(msg: string): void { if (!elShare) return; elShare.textContent = msg; shareRestoreAt = Date.now() + 1600; setTimeout(() => { if (Date.now() >= shareRestoreAt) elShare.textContent = "SHARE"; }, 1700); } let bannerHideAt = 0; function showBanner(msg: string, sticky = false): void { elBanner.textContent = msg; elBanner.classList.add("show"); bannerHideAt = sticky ? 0 : Date.now() + 2200; } function hideBanner(): void { elBanner.classList.remove("show"); bannerHideAt = 0; } function renderDiff(): void { for (const b of elStars) { const d = parseInt(b.getAttribute("data-diff") || "1", 10); b.classList.toggle("sel", d === difficulty); } } renderDiff(); function showScreen(): void { const map = screen === "map"; elMap.classList.toggle("show", map); elHeader.style.display = map ? "none" : "flex"; elFooter.style.display = map ? "none" : "flex"; if (map) { elWin.classList.remove("show"); hideBanner(); renderMapGrid(); } } // Reflect the Season Pass state on the helper buttons. Active = unlimited (icon // + label). Locked = a small lock affordance. No counters anywhere. function updateHelperBar(): void { const helpers: Array<[HTMLButtonElement, HelperMode | "refresh"]> = [ [elDelete, "delete"], [elMove, "move"], [elRefresh, "refresh"], ]; for (const [el, mode] of helpers) { const sub = el.querySelector(".sub") as HTMLElement; if (passActive) { el.classList.remove("locked"); sub.textContent = ""; } else { el.classList.add("locked"); sub.textContent = "Unlock"; } const isActive = (mode === "delete" && helperMode === "delete") || (mode === "move" && helperMode === "move"); el.classList.toggle("active", isActive && passActive); (el as HTMLButtonElement).disabled = won; } } function updateHud(): void { if (screen !== "game") { return; } const lv = LEVELS[levelIdx]; elLevel.textContent = "LEVEL " + lv.level; elMeta.textContent = "MOVES " + moveCount + " · FLAVORS " + lv.colors + " · STANDS " + stands.length; elUndo.textContent = "UNDO (" + undosLeft + ")"; elUndo.disabled = !(undosLeft > 0 && undoStack.length > 0 && !won); updateHelperBar(); if (won) { elWinSub.textContent = "Level " + lv.level + " sorted in " + moveCount + " moves"; elNext.textContent = levelIdx >= LEVELS.length - 1 ? "BACK TO MENU" : "NEXT LEVEL"; elWin.classList.add("show"); hideBanner(); } else { elWin.classList.remove("show"); } } function renderMapGrid(): void { elGrid.innerHTML = ""; for (let i = 0; i < LEVELS.length; i++) { const lvNum = i + 1; const done = progress.completed.includes(lvNum); const unlocked = lvNum <= progress.unlocked; const tile = document.createElement("div"); tile.className = "cs-tile" + (done ? " done" : "") + (unlocked ? "" : " locked"); if (unlocked) { tile.innerHTML = "" + lvNum + "" + (done ? `✓` : ""); tile.addEventListener("click", () => { audio(); sfxPlace(0, 3); loadLevelByIndex(i); }); } else { tile.innerHTML = `🔒`; tile.addEventListener("click", () => { audio(); sfxError(); }); } elGrid.appendChild(tile); } } // Enter or exit a helper mode. Free players get the upsell instead. async function toggleHelperMode(mode: "delete" | "move"): Promise { if (won) return; if (!passActive) { showBanner("Unlock helpers with the Season Pass", false); const ok = await requestUnlock(); if (!ok) return; } if (helperMode === mode) { helperMode = "none"; moveSource = -1; hideBanner(); } else { helperMode = mode; moveSource = -1; showBanner(mode === "delete" ? "Tap a stand to remove its top layer" : "Tap a stand, then a plate, to move one layer", true); } updateHelperBar(); } elBack.addEventListener("click", () => { audio(); screen = "map"; selected = -1; helperMode = "none"; showScreen(); }); elUndo.addEventListener("click", () => { audio(); if (!doUndo()) sfxError(); }); elRestart.addEventListener("click", () => { audio(); restartLevel(); }); elNext.addEventListener("click", () => { audio(); if (!won || now - wonAt <= 400) return; if (levelIdx >= LEVELS.length - 1) { screen = "map"; showScreen(); } else loadLevelByIndex(levelIdx + 1); }); elDelete.addEventListener("click", () => { audio(); void toggleHelperMode("delete"); }); elMove.addEventListener("click", () => { audio(); void toggleHelperMode("move"); }); elRefresh.addEventListener("click", async () => { audio(); if (won) return; if (!passActive) { showBanner("Unlock helpers with the Season Pass", false); const ok = await requestUnlock(); if (!ok) return; } helperMode = "none"; moveSource = -1; if (doRefresh()) { showBanner("Fresh bake, still solvable", false); sfxPlace(0, 5); } else sfxError(); }); elPlay.addEventListener("click", () => { audio(); sfxPlace(0, 3); startPlay(); }); elShare.addEventListener("click", () => { audio(); shareGame(); }); for (const b of elStars) { b.addEventListener("click", () => { audio(); const d = parseInt(b.getAttribute("data-diff") || "1", 10); difficulty = (d === 0 || d === 1 || d === 2 ? d : 1) as Difficulty; saveDifficulty(); renderDiff(); sfxPlace(0, 3); }); } /* ----------------------------------- Input --------------------------------- */ const raycaster = new THREE.Raycaster(); const pointerNdc = new THREE.Vector2(); function pickStand(e: PointerEvent): number { const rect = glCanvas.getBoundingClientRect(); pointerNdc.set( ((e.clientX - rect.left) / rect.width) * 2 - 1, -((e.clientY - rect.top) / rect.height) * 2 + 1, ); raycaster.setFromCamera(pointerNdc, camera); const hitsList = raycaster.intersectObjects(standVis.map((sv) => sv.hit), false); return hitsList.length > 0 ? (hitsList[0].object.userData.standIndex as number) : -1; } function onPointerDown(e: PointerEvent): void { audio(); if (screen !== "game" || won) return; const hit = pickStand(e); // Helper modes intercept taps. if (helperMode === "delete") { if (hit >= 0 && stands[hit].length > 0) { doDeleteLayer(hit); } else if (hit >= 0) rejectTap(hit); helperMode = "none"; hideBanner(); updateHelperBar(); e.preventDefault(); return; } if (helperMode === "move") { if (hit < 0) { e.preventDefault(); return; } if (moveSource === -1) { if (stands[hit].length === 0) { rejectTap(hit); } else { moveSource = hit; selected = hit; showBanner("Now tap a plate with room", true); } } else if (moveSource === hit) { moveSource = -1; selected = -1; showBanner("Tap a stand, then a plate, to move one layer", true); } else { if (doMoveLayer(moveSource, hit)) { moveSource = -1; helperMode = "none"; hideBanner(); updateHelperBar(); } else { rejectTap(hit); moveSource = -1; selected = -1; helperMode = "none"; hideBanner(); updateHelperBar(); } } e.preventDefault(); return; } // Normal pour selection. if (hit < 0) { selected = -1; return; } if (selected === -1) { if (stands[hit].length === 0 || isStandSolved(stands[hit])) { rejectTap(hit); return; } selected = hit; sfxPlace(0, stands[hit][stands[hit].length - 1]); } else if (selected === hit) { selected = -1; } else { if (!attemptPour(selected, hit)) { rejectTap(hit); selected = -1; } } e.preventDefault(); } glCanvas.addEventListener("pointerdown", onPointerDown); window.addEventListener("resize", resize); /* ----------------------------------- Loop ---------------------------------- */ let rafId = 0; let disposed = false; let lastT = 0; let selEase = 0; function tick(t: number): void { if (disposed) return; now = t; const dt = Math.min(0.05, lastT > 0 ? (t - lastT) / 1000 : 0.016); lastT = t; if (bannerHideAt > 0 && Date.now() > bannerHideAt) hideBanner(); if (screen === "game") { for (let i = 0; i < standVis.length; i++) { const sv = standVis[i]; let ox = 0; for (const s of shakes) { if (s.idx === i) { const sdt = now - s.t0; if (sdt < 300) ox += Math.sin(sdt * 0.09) * 0.05 * (1 - sdt / 300); } } sv.group.position.x = sv.baseX + ox; const isSel = i === selected || (helperMode === "move" && i === moveSource); const liftTarget = isSel ? 1 : 0; sv.lift += (liftTarget - sv.lift) * Math.min(1, dt * 14); const solved = isStandSolved(stands[i]); // plate tint: warm highlight when selected, gold when solved. const target = solved ? COL_SOLVE : isSel ? COL_HL : COL_PLATE; (sv.plate.material as THREE.MeshStandardMaterial).color.lerp(target, Math.min(1, dt * 10)); const em = sv.plate.material as THREE.MeshStandardMaterial; if (solved) { let since = solvedGlowSince[i] != null ? now - solvedGlowSince[i] : 9999; if (since < 0) since = 0; const k = since < 900 ? 0.4 - (since / 900) * 0.22 : 0.18 + Math.sin(now * 0.004 + i) * 0.05; em.emissive.copy(COL_SOLVE).multiplyScalar(k); sv.cherry.visible = true; sv.cherry.position.y = STACK_H + 0.14 + Math.sin(now * 0.004 + i) * 0.02; } else { em.emissive.setRGB(0, 0, 0); sv.cherry.visible = false; } const col = layerMeshes[i]; if (col) { const run = sv.lift > 0.01 ? topRun(stands[i]) : 0; for (let s = 0; s < col.length; s++) { const g = col[s]; if (!g) continue; const inRun = run > 0 && s >= stands[i].length - run; g.position.y = (g.userData.baseY as number) + (inRun ? sv.lift * LIFT_AMT : 0); } } } shakes = shakes.filter((s) => now - s.t0 < 320); for (let fi = flights3d.length - 1; fi >= 0; fi--) { const f = flights3d[fi]; const ft = (now - f.t0) / f.dur; if (ft >= 1) { scene.remove(f.mesh); flights3d.splice(fi, 1); pendingReveal.delete(f.dst + ":" + f.slot); const g = layerMeshes[f.dst] && layerMeshes[f.dst][f.slot]; if (g) g.visible = true; spawnBurst(f.p1, 4, 0, false); continue; } if (ft < 0) { f.mesh.visible = false; continue; } f.mesh.visible = true; const e2 = ft < 0.5 ? 2 * ft * ft : 1 - Math.pow(-2 * ft + 2, 2) / 2; const u = 1 - e2; f.mesh.position.set( u * u * f.p0.x + 2 * u * e2 * f.pc.x + e2 * e2 * f.p1.x, u * u * f.p0.y + 2 * u * e2 * f.pc.y + e2 * e2 * f.p1.y, u * u * f.p0.z + 2 * u * e2 * f.pc.z + e2 * e2 * f.p1.z, ); } for (const sp of sparks) { if (!sp.active) continue; const age = now - sp.t0; if (age < 0) { sp.sprite.visible = false; continue; } if (age > sp.life) { sp.active = false; sp.sprite.visible = false; continue; } const k = age / sp.life; sp.pos.addScaledVector(sp.vel, dt); sp.vel.y -= 1.4 * dt; sp.sprite.position.copy(sp.pos); const sc = sp.baseScale * (k < 0.2 ? k / 0.2 : 1 - (k - 0.2) / 0.8); sp.sprite.scale.setScalar(Math.max(0.001, sc)); sp.sprite.visible = true; (sp.sprite.material as THREE.SpriteMaterial).opacity = 1 - k * 0.7; } tickConfetti(dt); const selTarget = selected >= 0 || moveSource >= 0 ? 1 : 0; selEase += (selTarget - selEase) * Math.min(1, dt * 6); camera.position.set( camBase.x + Math.sin(now * 0.00037) * camBase.z * 0.008, camBase.y + Math.sin(now * 0.00023) * camBase.z * 0.004, camBase.z * (1 - selEase * 0.016), ); camera.lookAt(camTarget); } renderer.render(scene, camera); rafId = requestAnimationFrame(tick); } wirePass(); // Store build only: load any injected GLB layer/stand models, then swap them in // if a level is already showing. No-op on /play (no window.MCPityAssets). void preloadAssets(); resize(); showScreen(); rafId = requestAnimationFrame(tick); /* ------------------------------ Test hook ---------------------------------- */ // Deterministic control surface, mirrors gem sort's __gemsort with the three // helper methods added. Game logic never reads this. const _tmpV = new THREE.Vector3(); (window as any).__cakesort = { getState() { return { screen, level: LEVELS[levelIdx].level, colors: LEVELS[levelIdx].colors, stands: cloneBoard(stands), tubes: cloneBoard(stands), // alias for gem-sort parity undosLeft, moveCount, won, passActive, helperMode, unlocked: progress.unlocked, completed: progress.completed.slice(), standScreenXY: (() => { camera.updateMatrixWorld(); return standVis.map((sv) => { _tmpV.set(sv.baseX, sv.bottomY + STACK_H / 2, 0).project(camera); return { x: ((_tmpV.x + 1) / 2) * cssW, y: ((1 - _tmpV.y) / 2) * cssH }; }); })(), }; }, pour(src: number, dst: number): boolean { return attemptPour(src, dst); }, undo(): boolean { return doUndo(); }, loadLevel(n: number): void { loadLevelByIndex(n - 1); }, reset(): void { loadLevelByIndex(levelIdx); }, isWon(): boolean { return isWonState(stands); }, // Helper mechanics (raw, ungated for deterministic testing). deleteLayer(idx: number): boolean { return doDeleteLayer(idx); }, moveLayer(src: number, dst: number): boolean { return doMoveLayer(src, dst); }, refresh(): boolean { return doRefresh(); }, }; /* ------------------------------- Dispose ----------------------------------- */ (window as any).__mcpity_dispose = () => { disposed = true; cancelAnimationFrame(rafId); glCanvas.removeEventListener("pointerdown", onPointerDown); window.removeEventListener("resize", resize); disposeStandVis(); clearFlights(); for (const sp of sparks) { scene.remove(sp.sprite); (sp.sprite.material as THREE.Material).dispose(); } scene.remove(confetti); confGeom.dispose(); confMat.dispose(); layerGeom.dispose(); plateGeom.dispose(); stemGeom.dispose(); footGeom.dispose(); cherryGeom.dispose(); hitGeom.dispose(); bgGeom.dispose(); for (const m of layerMats) m.dispose(); plateMat.dispose(); standMat.dispose(); cherryMat.dispose(); hitMat.dispose(); starTex.dispose(); renderer.dispose(); if (glCanvas.parentNode) glCanvas.parentNode.removeChild(glCanvas); if (hud.parentNode) hud.parentNode.removeChild(hud); if (hudStyle.parentNode) hudStyle.parentNode.removeChild(hudStyle); if (actx) { try { actx.close(); } catch { /* noop */ } actx = null; } delete (window as any).__cakesort; };