// Lights Out — 3D dark-house hide and seek (solo vs AI bot + §128 managed 2-player multiplayer) // MCPity Web Engine game. Three.js (r168 API, bare "three" specifier, resolved by the // preview import map / harness importmap). First person, two-story house at night. // One SEEKER, one HIDER. Flashlight tradeoff: the seeker's beam reveals rooms but its // glow betrays the seeker's position to the hider. Audio (synthesized WebAudio) is a // first-class mechanic: creaks, heartbeat, breathing. // Contract: mounts into #mcpity-root, runs its own RAF loop, exposes // window.MCPityPlayer = {x,y,z} every frame. Deterministic fixed-timestep sim, // headlessly steppable via window.__lightsout.step(ms). // Multiplayer: menu "Play online" quick-matches 2 players over the MCPity hosted relay // (§128 pattern multiplayer.realtime-web, inlined in the NET section). Host-authoritative // sim; the bot instantly takes over a departed player's role. Solo never touches the net. import * as THREE from "three"; /* --------------------------------------------------------------------------- Asset-swap seam (INLINE shim of games/_shared/asset-provider.ts WindowAssets). INLINED, not imported, on purpose: the /play build serves this ONE self-contained file to the in-browser bundler with no sibling files present, so an `import` from games/_shared would fail to resolve and break /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/lights-out/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 house + opponent stay 100% procedural. ------------------------------------------------------------------------- */ interface InjectedAssetGlobal { has?(key: string): boolean; getModel?(key: string): Promise | THREE.Object3D | null; getTexture?(key: string): THREE.Texture | null; } const Assets = { getModel(key: string): Promise { try { const g = (globalThis as unknown as { MCPityAssets?: InjectedAssetGlobal }).MCPityAssets; if (g && typeof g.getModel === "function") return Promise.resolve(g.getModel(key)).then((m) => m ?? null); } catch (_e) { /* absent / broken global -> procedural */ } return Promise.resolve(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; }, }; /* Hero asset caches. A native store build injects window.MCPityAssets BEFORE the game boots (see store-boot.ts); preloadAssets() then fills these once. On /play they stay null and every hero renders procedurally exactly as today. */ const opponentTemplate: { current: THREE.Object3D | null } = { current: null }; const furnitureTemplates: Record = { furniture_sofa: null, furniture_table: null, furniture_desk: null, }; // Decorative furniture box meshes captured at buildHouse() time, decorated by // preloadAssets() when a store pack is present (each box's physics collider is a // separate entry in `walls`, so hiding the box mesh keeps collisions intact). const furnitureSwaps: { mesh: THREE.Mesh; key: string }[] = []; // Uniformly scale a cloned opponent GLB to the procedural bot height (~1.73, feet // ~y=0) and stand it on y=0 inside a Group, so the render code's // group.scale.set(1, sc, 1) crouch squash still drives it like the capsule body. function fitOpponentTemplate(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 targetH = 1.73; const s = size.y > 1e-4 ? targetH / size.y : 1; inst.scale.setScalar(s); const fb = new THREE.Box3().setFromObject(inst); const c = fb.getCenter(new THREE.Vector3()); inst.position.x -= c.x; inst.position.z -= c.z; inst.position.y -= fb.min.y; // feet on y=0 inst.traverse((o) => { (o as THREE.Mesh).castShadow = true; }); const g = new THREE.Group(); g.add(inst); return g; } // Uniformly scale a cloned furniture GLB to the box footprint (larger of width / // depth), center it in X/Z on the box, and stand its base on the story floor // beneath the box (a FLOOR_H multiple). Placeholder fit for decorative swaps. function fitFurnitureTemplate(template: THREE.Object3D, box: THREE.Box3): THREE.Object3D { const inst = template.clone(true); const tb = new THREE.Box3().setFromObject(inst); const tsize = tb.getSize(new THREE.Vector3()); const size = box.getSize(new THREE.Vector3()); const targetFoot = Math.max(size.x, size.z); const tFoot = Math.max(tsize.x, tsize.z, 1e-4); inst.scale.setScalar(targetFoot / tFoot); const fb = new THREE.Box3().setFromObject(inst); const c = fb.getCenter(new THREE.Vector3()); const bc = box.getCenter(new THREE.Vector3()); inst.position.x += bc.x - c.x; inst.position.z += bc.z - c.z; const storyFloor = Math.floor((box.min.y + 0.001) / FLOOR_H) * FLOOR_H; inst.position.y += storyFloor - fb.min.y; // stand on the story floor inst.traverse((o) => { (o as THREE.Mesh).castShadow = true; }); const g = new THREE.Group(); g.add(inst); return g; } // ═══ CONFIG ═══ const SIM_DT = 1 / 60; // fixed timestep (s) const HIDE_SECONDS = 20; // hide phase length const SEEK_SECONDS = 180; // seek phase length const ROUNDS = 3; // best of 3, roles swap each round const TAG_RANGE = 1.8; // seeker tag distance (m, XZ) const TAG_FACING_COS = 0.82; // ~35 deg half-angle facing cone const WALK_SPEED = 3.2; const SNEAK_SPEED = 1.4; const CROUCH_SPEED = 1.2; const EYE_STAND = 1.62; const EYE_CROUCH = 0.95; const PLAYER_R = 0.32; const PEEK_TIME = 1.5; // hider peek duration (s) const PEEK_COOLDOWN = 8; // from activation (s) const FLOOR_H = 3; // per-story height const INTERACT_RANGE = 1.4; // distance to a hiding spot entry point // ═══ TEAM / TOURNAMENT CONFIG (Season Pass premium modes) ═══ // The free solo + 2-player game above is the N=2 special case. Team and tournament // generalize the same entity sim to an array of N entities split across two teams. const MATCH_TEAM_SIZE = 5; // max players per team in one match (total cap 10) const TEAM_ROSTER_MAX = 10; // teams can hold up to 10 (matches "teams up to 10") const TEAM_HIDE_SECONDS = 20; // hide phase (seeker team frozen) const TEAM_SEEK_SECONDS = 150; // seek phase const TEAM_ROUNDS = 2; // best of 2: each team seeks exactly once, then tie-break const INVITE_WINDOW_MS = 10000; // an unfilled slot invites present peers for 10s, then AI fills const BRACKET_TEAMS = 4; // default single-elim size (semis + final); falls back to 2 // ═══ RNG (mulberry32, seeded for deterministic headless runs) ═══ const SEED: number = (window as any).__LIGHTSOUT_SEED || 1337; function mulberry32(seed: number) { let a = seed >>> 0; return function () { 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; }; } const rng = mulberry32(SEED); function rrange(a: number, b: number) { return a + (b - a) * rng(); } function rpick(arr: T[]): T { return arr[Math.min(arr.length - 1, Math.floor(rng() * arr.length))]; } // ═══ HOUSE ═══ // Footprint x[-7,7], z[-5,5]. Ground floor feet y=0, upper floor feet y=3. // Ground: living x[-7,-1.2] z[-5,0] | entry x[-1.2,1.8] z[-5,0] | kitchen x[1.8,7] z[-5,0] // dining x[-7,-0.5] z[0,5] | bathroom x[-0.5,2.2] z[0,5] | stair hall x[2.2,7] z[0,5] // Stairs: rect x[5.7,6.9] z[0.6,4.4], rising north (enter south at ground, exit north at top). // Upper: bedroom1 x[-7,-1.8] z[1.2,5] | bedroom2 x[-1.8,2] z[1.2,5] | study x[-7,-1.8] z[-5,-1.2] // corridor z[-1.2,1.2] + alcove x[-1.8,2] z[-5,-1.2] + open upper hall x[2,7] (stair hole). const T = 0.12; // wall thickness interface WallBox { minX: number; maxX: number; minZ: number; maxZ: number; minY: number; maxY: number; } const walls: WallBox[] = []; // wx: wall along x axis at fixed z. wz: wall along z axis at fixed x. function wx(x0: number, x1: number, z: number, y0: number, y1: number) { walls.push({ minX: Math.min(x0, x1), maxX: Math.max(x0, x1), minZ: z - T / 2, maxZ: z + T / 2, minY: y0, maxY: y1 }); } function wz(z0: number, z1: number, x: number, y0: number, y1: number) { walls.push({ minX: x - T / 2, maxX: x + T / 2, minZ: Math.min(z0, z1), maxZ: Math.max(z0, z1), minY: y0, maxY: y1 }); } function box(minX: number, maxX: number, minZ: number, maxZ: number, y0: number, y1: number) { walls.push({ minX, maxX, minZ, maxZ, minY: y0, maxY: y1 }); } // Perimeter (both stories) wz(-5, 5, -7, 0, 6); wz(-5, 5, 7, 0, 6); wx(-7, 7, -5, 0, 6); wx(-7, 7, 5, 0, 6); // Ground interior, z=0 spine: gaps living-dining [-3.4,-2.4], entry-bath [0.2,1.2], kitchen-stairhall [3.4,4.4] wx(-7, -3.4, 0, 0, 3); wx(-2.4, 0.2, 0, 0, 3); wx(1.2, 3.4, 0, 0, 3); wx(4.4, 7, 0, 0, 3); // Ground x=-1.2 (living|entry), gap z[-3.2,-2.2] wz(-5, -3.2, -1.2, 0, 3); wz(-2.2, 0, -1.2, 0, 3); // Ground x=1.8 (entry|kitchen), gap z[-3.2,-2.2] wz(-5, -3.2, 1.8, 0, 3); wz(-2.2, 0, 1.8, 0, 3); // Ground x=-0.5 (dining|bath), gap z[2,3] wz(0, 2, -0.5, 0, 3); wz(3, 5, -0.5, 0, 3); // Ground x=2.2 (bath|stair hall), gap z[3.2,4.2] wz(0, 3.2, 2.2, 0, 3); wz(4.2, 5, 2.2, 0, 3); // Stairwell: west wall solid both stories (it stops short of the top so the landing // corridor along the north wall stays passable); south lip railing on upper floor only const STAIR = { minX: 5.7, maxX: 6.9, minZ: 1.0, maxZ: 4.4 }; wz(STAIR.minZ, 3.9, STAIR.minX, 0, 6); wx(STAIR.minX, STAIR.maxX, STAIR.minZ, 3, 4.4); // upper railing so nobody walks into the well // Upper interior (y 3..6) // z=1.2 wall: bedroom fronts. Gaps bed1 door x[-5,-4], bed2 door x[-0.4,0.6] wx(-7, -5, 1.2, 3, 6); wx(-4, -0.4, 1.2, 3, 6); wx(0.6, 2, 1.2, 3, 6); // bed2 east wall x=2 z[1.2,5] wz(1.2, 5, 2, 3, 6); // bed1|bed2 divider x=-1.8 z[1.2,5] wz(1.2, 5, -1.8, 3, 6); // study: z=-1.2 wall x[-7,-1.8], door gap x[-5,-4]; east wall x=-1.8 z[-5,-1.2] wx(-7, -5, -1.2, 3, 6); wx(-4, -1.8, -1.2, 3, 6); wz(-5, -1.2, -1.8, 3, 6); // Height model: feet height for a position given current feet y. function inRect(x: number, z: number, r: { minX: number; maxX: number; minZ: number; maxZ: number }) { return x >= r.minX && x <= r.maxX && z >= r.minZ && z <= r.maxZ; } function groundHeight(x: number, z: number, curY: number): number { if (inRect(x, z, STAIR)) { const t01 = (z - STAIR.minZ) / (STAIR.maxZ - STAIR.minZ); return Math.max(0, Math.min(FLOOR_H, FLOOR_H * t01)); } return curY > 1.5 ? FLOOR_H : 0; } function floorIndex(y: number): 0 | 1 { return y > 1.5 ? 1 : 0; } // Collision: circle (r) vs wall boxes overlapping the body's y range. Axis-separated moves. function collides(x: number, z: number, feetY: number, r: number): boolean { const y0 = feetY + 0.1, y1 = feetY + 1.6; for (let i = 0; i < walls.length; i++) { const w = walls[i]; if (y1 < w.minY || y0 > w.maxY) continue; const cx = Math.max(w.minX, Math.min(x, w.maxX)); const cz = Math.max(w.minZ, Math.min(z, w.maxZ)); const dx = x - cx, dz = z - cz; if (dx * dx + dz * dz < r * r) return true; } return false; } // 2D line of sight at a story: segment vs wall boxes that overlap the eye height band. function los(x0: number, z0: number, x1: number, z1: number, feetY: number): boolean { const y = feetY + 1.3; for (let i = 0; i < walls.length; i++) { const w = walls[i]; if (y < w.minY || y > w.maxY) continue; if (segIntersectsBox(x0, z0, x1, z1, w)) return false; } return true; } function segIntersectsBox(x0: number, z0: number, x1: number, z1: number, w: WallBox): boolean { // slab method in 2D let tmin = 0, tmax = 1; const dx = x1 - x0, dz = z1 - z0; if (Math.abs(dx) < 1e-9) { if (x0 < w.minX || x0 > w.maxX) return false; } else { let t1 = (w.minX - x0) / dx, t2 = (w.maxX - x0) / dx; if (t1 > t2) { const s = t1; t1 = t2; t2 = s; } tmin = Math.max(tmin, t1); tmax = Math.min(tmax, t2); if (tmin > tmax) return false; } if (Math.abs(dz) < 1e-9) { if (z0 < w.minZ || z0 > w.maxZ) return false; } else { let t1 = (w.minZ - z0) / dz, t2 = (w.maxZ - z0) / dz; if (t1 > t2) { const s = t1; t1 = t2; t2 = s; } tmin = Math.max(tmin, t1); tmax = Math.min(tmax, t2); if (tmin > tmax) return false; } return true; } // ═══ HIDING SPOTS ═══ type SpotType = "closet" | "underbed" | "curtain" | "cabinet"; interface HidingSpot { id: string; name: string; type: SpotType; x: number; z: number; floor: 0 | 1; // hidden position ex: number; ez: number; // entry / exit point crouch: boolean; } const SPOTS: HidingSpot[] = [ { id: "closet-living", name: "living room closet", type: "closet", x: -6.45, z: -4.35, floor: 0, ex: -5.8, ez: -3.9, crouch: false }, { id: "curtain-living", name: "living room curtains", type: "curtain", x: -6.68, z: -2.0, floor: 0, ex: -6.1, ez: -2.0, crouch: false }, { id: "cabinet-kitchen", name: "kitchen cabinet", type: "cabinet", x: 4.5, z: -4.45, floor: 0, ex: 4.5, ez: -3.8, crouch: true }, { id: "curtain-dining", name: "dining room curtains", type: "curtain", x: -4.0, z: 4.68, floor: 0, ex: -4.0, ez: 4.05, crouch: false }, { id: "closet-bath", name: "bathroom closet", type: "closet", x: 0.3, z: 4.45, floor: 0, ex: 0.3, ez: 3.8, crouch: false }, { id: "underbed-1", name: "space under the first bed", type: "underbed", x: -5.0, z: 3.9, floor: 1, ex: -5.0, ez: 2.6, crouch: true }, { id: "closet-bed1", name: "first bedroom closet", type: "closet", x: -2.35, z: 4.4, floor: 1, ex: -2.95, ez: 3.95, crouch: false }, { id: "underbed-2", name: "space under the second bed", type: "underbed", x: -0.6, z: 3.9, floor: 1, ex: -0.6, ez: 2.6, crouch: true }, { id: "curtain-bed2", name: "second bedroom curtains", type: "curtain", x: 1.5, z: 4.68, floor: 1, ex: 1.5, ez: 4.0, crouch: false }, { id: "curtain-study", name: "study curtains", type: "curtain", x: -6.68, z: -3.0, floor: 1, ex: -6.1, ez: -3.0, crouch: false }, { id: "closet-hall", name: "hall closet", type: "closet", x: 0.5, z: -4.4, floor: 1, ex: 0.5, ez: -3.75, crouch: false }, ]; // Windows: dim bluish emissive quads + a few very low lights (fake moonlight). interface WinDef { wall: "W" | "E" | "N" | "S"; at: number; floor: 0 | 1; light: boolean; } const WINDOWS: WinDef[] = [ { wall: "W", at: -2.0, floor: 0, light: true }, // living { wall: "W", at: -3.0, floor: 1, light: false }, // study { wall: "E", at: -2.5, floor: 0, light: false }, // kitchen { wall: "E", at: -2.0, floor: 1, light: true }, // upper hall { wall: "N", at: -4.0, floor: 0, light: true }, // dining { wall: "N", at: -4.5, floor: 1, light: true }, // bedroom 1 { wall: "N", at: 1.5, floor: 1, light: false }, // bedroom 2 { wall: "S", at: -4.5, floor: 0, light: false }, // living south { wall: "S", at: 4.5, floor: 0, light: false }, // kitchen south ]; // ═══ WAYPOINT GRAPH (bot navigation) ═══ interface WayNode { x: number; z: number; f: 0 | 1; } const NODES: WayNode[] = [ /* 0 living */ { x: -4.0, z: -2.5, f: 0 }, /* 1 d le */ { x: -1.2, z: -2.7, f: 0 }, /* 2 entry */ { x: 0.3, z: -2.7, f: 0 }, /* 3 d ek */ { x: 1.8, z: -2.7, f: 0 }, /* 4 kitchen */ { x: 4.5, z: -2.5, f: 0 }, /* 5 d ld */ { x: -2.9, z: 0.0, f: 0 }, /* 6 dining */ { x: -3.5, z: 2.8, f: 0 }, /* 7 d db */ { x: -0.5, z: 2.5, f: 0 }, /* 8 bath */ { x: 1.1, z: 2.3, f: 0 }, /* 9 d eb */ { x: 0.7, z: 0.0, f: 0 }, /* 10 d ks */ { x: 3.9, z: 0.3, f: 0 }, /* 11 shC */ { x: 3.4, z: 3.7, f: 0 }, // aligned with the bathroom door band /* 12 d bs */ { x: 2.2, z: 3.7, f: 0 }, /* 13 stairB */ { x: 6.3, z: 0.55, f: 0 }, /* 14 stairT */ { x: 6.3, z: 4.65, f: 1 }, /* 15 uhallN */ { x: 3.8, z: 4.5, f: 1 }, /* 16 uhallC */ { x: 3.8, z: 0.0, f: 1 }, /* 17 uhallS */ { x: 3.8, z: -3.5, f: 1 }, /* 18 corrE */ { x: 1.2, z: 0.0, f: 1 }, /* 19 corrW */ { x: -4.5, z: 0.0, f: 1 }, /* 20 d b1 */ { x: -4.5, z: 1.2, f: 1 }, /* 21 bed1 */ { x: -4.5, z: 2.4, f: 1 }, // south of the bed box /* 22 d b2 */ { x: 0.1, z: 1.2, f: 1 }, /* 23 bed2 */ { x: 0.1, z: 3.0, f: 1 }, /* 24 d st */ { x: -4.5, z: -1.2, f: 1 }, /* 25 study */ { x: -4.5, z: -3.0, f: 1 }, /* 26 alcove */ { x: 0.5, z: -3.3, f: 1 }, ]; const EDGES: [number, number][] = [ [0, 1], [1, 2], [2, 3], [3, 4], [0, 5], [5, 6], [6, 7], [7, 8], [2, 9], [9, 8], [4, 10], [10, 11], [11, 12], [12, 8], [10, 13], [13, 14], [14, 15], [15, 16], [16, 17], [16, 18], [18, 19], [19, 20], [20, 21], [18, 22], [22, 23], [19, 24], [24, 25], [18, 26], [17, 26], ]; const ADJ: number[][] = NODES.map(() => []); EDGES.forEach(([a, b]) => { ADJ[a].push(b); ADJ[b].push(a); }); function nearestNode(x: number, z: number, f: 0 | 1): number { let best = -1, bd = Infinity; for (let i = 0; i < NODES.length; i++) { if (NODES[i].f !== f) continue; const dx = NODES[i].x - x, dz = NODES[i].z - z; const d = dx * dx + dz * dz; if (d < bd) { bd = d; best = i; } } return best; } function findPath(from: number, to: number): number[] { if (from === to) return [to]; const prev = new Array(NODES.length).fill(-1); const q = [from]; prev[from] = from; while (q.length) { const n = q.shift()!; for (const m of ADJ[n]) { if (prev[m] !== -1) continue; prev[m] = n; if (m === to) { const path = [to]; let c = to; while (c !== from) { c = prev[c]; path.unshift(c); } return path; } q.push(m); } } return [from]; } // ═══ SIM ═══ // Host-authoritative fixed-timestep simulation. In solo (this pass) the local machine // is always the host and the bot fills the second slot. Rendering only READS sim state. type Role = "seeker" | "hider"; type Phase = "menu" | "hide" | "seek" | "roundEnd" | "matchEnd"; interface Entity { x: number; y: number; z: number; // feet position yaw: number; pitch: number; role: Role; crouch: boolean; sneak: boolean; hidden: string | null; // hiding spot id, or null flashOn: boolean; // seeker only peekT: number; peekCd: number; // hider only stepAcc: number; // fast-movement noise accumulator isBot: boolean; name: string; // Multiplayer seam: when networking lands, `peer` holds the remote uuid that // owns this slot (null = local human or bot), mirroring Turf Heist's model. peer: string | null; // Team / tournament fields (unused by the free solo + 2p path, which leaves them // at their defaults). team = 0|1, out = tagged/eliminated this round, slot = seat index. team: 0 | 1; out: boolean; slot: number; } function makeEntity(name: string, isBot: boolean): Entity { return { x: 0, y: 0, z: -4, yaw: 0, pitch: 0, role: "hider", crouch: false, sneak: false, hidden: null, flashOn: false, peekT: 0, peekCd: 0, stepAcc: 0, isBot, name, peer: null, team: 0, out: false, slot: 0, }; } const P0 = makeEntity("You", false); const P1 = makeEntity("The Bot", true); const ENTS = [P0, P1]; interface NoiseEvent { kind: "creak" | "peek"; by: number; x: number; z: number; y: number; loud: number; } let noiseEvents: NoiseEvent[] = []; // drained by audio + bot AI each sim step function emitNoise(kind: NoiseEvent["kind"], by: number, loud: number) { const e = ENTS[by]; noiseEvents.push({ kind, by, x: e.x, z: e.z, y: e.y, loud }); } let phase: Phase = "menu"; let phaseT = 0; // seconds remaining in current phase let round = 1; let score: [number, number] = [0, 0]; // per PLAYER (P0, P1), not per role let roundWinner: Role | null = null; let matchWinner: number | null = null; // 0 | 1 let roleSelection: "seeker" | "hider" | "random" = "random"; let flashForced = false; // debug hook: bot AI stops toggling the flashlight let simClock = 0; function seekerIdx(): number { return P0.role === "seeker" ? 0 : 1; } function hiderIdx(): number { return 1 - seekerIdx(); } const SEEKER_SPAWN = { x: 0.3, z: -4.2, yaw: Math.PI }; // entry hall, facing north const HIDER_SPAWN = { x: -3.5, z: 2.8, yaw: 0 }; // dining room function startMatch() { score = [0, 0]; round = 1; matchWinner = null; let humanRole: Role; if (roleSelection === "random") humanRole = rng() < 0.5 ? "seeker" : "hider"; else humanRole = roleSelection; P0.role = humanRole; P1.role = humanRole === "seeker" ? "hider" : "seeker"; startRound(); } function startRound() { roundWinner = null; for (const e of ENTS) { e.hidden = null; e.flashOn = false; e.peekT = 0; e.peekCd = 0; e.crouch = false; e.sneak = false; e.stepAcc = 0; e.pitch = 0; } const s = ENTS[seekerIdx()], h = ENTS[hiderIdx()]; s.x = SEEKER_SPAWN.x; s.z = SEEKER_SPAWN.z; s.y = 0; s.yaw = SEEKER_SPAWN.yaw; h.x = HIDER_SPAWN.x; h.z = HIDER_SPAWN.z; h.y = 0; h.yaw = HIDER_SPAWN.yaw; botReset(); phase = "hide"; phaseT = HIDE_SECONDS; uiDirty = true; } function endRound(winner: Role) { roundWinner = winner; const winIdx = winner === "seeker" ? seekerIdx() : hiderIdx(); score[winIdx]++; phase = "roundEnd"; phaseT = 4; if (mpMode === "host") mpEvOut.push({ k: "round", w: winner }); uiDirty = true; } function advanceAfterRound() { if (score[0] >= 2 || score[1] >= 2 || round >= ROUNDS) { matchWinner = score[0] === score[1] ? (roundWinner === "seeker" ? seekerIdx() : hiderIdx()) : (score[0] > score[1] ? 0 : 1); phase = "matchEnd"; if (mpMode === "host") mpEvOut.push({ k: "match", w: matchWinner }); uiDirty = true; return; } round++; // Roles swap each round. P0.role = P0.role === "seeker" ? "hider" : "seeker"; P1.role = P1.role === "seeker" ? "hider" : "seeker"; startRound(); } // Movement with collision + stair height. Returns distance moved. function moveEntity(e: Entity, dirX: number, dirZ: number, speed: number, dt: number): number { if (e.hidden) return 0; const len = Math.hypot(dirX, dirZ); if (len < 1e-6) return 0; const vx = (dirX / len) * speed * dt; const vz = (dirZ / len) * speed * dt; let nx = e.x + vx; if (!collides(nx, e.z, e.y, PLAYER_R)) e.x = nx; let nz = e.z + vz; if (!collides(e.x, nz, e.y, PLAYER_R)) e.z = nz; const h = groundHeight(e.x, e.z, e.y); e.y += (h - e.y) * Math.min(1, dt * 14); if (Math.abs(h - e.y) < 0.02) e.y = h; return speed * dt; } // Footstep noise: fast movement accumulates; every burst emits a creak the OTHER player hears. function stepNoise(e: Entity, idx: number, moved: number, sneaking: boolean, dt: number) { if (moved <= 0 || sneaking) { e.stepAcc = Math.max(0, e.stepAcc - dt * 0.6); return; } e.stepAcc += moved; if (e.stepAcc > 1.45) { e.stepAcc = 0; emitNoise("creak", idx, 0.65 + rng() * 0.35); } } function spotById(id: string | null): HidingSpot | null { if (!id) return null; return SPOTS.find((s) => s.id === id) || null; } function tryEnterExitSpot(e: Entity): boolean { if (e.role !== "hider") return false; if (e.hidden) { const s = spotById(e.hidden)!; e.hidden = null; e.crouch = false; e.x = s.ex; e.z = s.ez; e.y = s.floor * FLOOR_H; return true; } const f = floorIndex(e.y); for (const s of SPOTS) { if (s.floor !== f) continue; const d = Math.hypot(e.x - s.ex, e.z - s.ez); if (d <= INTERACT_RANGE) { e.hidden = s.id; e.crouch = s.crouch; e.x = s.x; e.z = s.z; e.y = s.floor * FLOOR_H; return true; } } return false; } function forwardOf(e: Entity): { x: number; z: number } { return { x: -Math.sin(e.yaw), z: -Math.cos(e.yaw) }; } function attemptTag(sIdx: number): boolean { if (phase !== "seek") return false; const s = ENTS[sIdx]; if (s.role !== "seeker") return false; const h = ENTS[1 - sIdx]; const dx = h.x - s.x, dz = h.z - s.z; const dist = Math.hypot(dx, dz); if (dist > TAG_RANGE) return false; if (Math.abs(h.y - s.y) > 2.2) return false; const f = forwardOf(s); const cos = dist < 0.2 ? 1 : (dx * f.x + dz * f.z) / dist; if (cos < TAG_FACING_COS) return false; endRound("seeker"); return true; } // Can `watcher` currently see `target`? Used by bot AI and the hider relocation logic. function canSee(watcher: Entity, target: Entity): boolean { if (floorIndex(watcher.y) !== floorIndex(target.y) && !inRect(watcher.x, watcher.z, STAIR) && !inRect(target.x, target.z, STAIR)) return false; const dx = target.x - watcher.x, dz = target.z - watcher.z; const dist = Math.hypot(dx, dz); if (target.hidden) { // Concealed: only spotted point-blank with the light on. return dist < 2 && watcher.flashOn && los(watcher.x, watcher.z, target.x, target.z, watcher.y); } if (dist > 11) return false; const f = forwardOf(watcher); const cos = dist < 0.2 ? 1 : (dx * f.x + dz * f.z) / dist; const inBeam = watcher.flashOn && cos > 0.85 && dist < 10; const pointBlank = dist < 1.6; if (!inBeam && !pointBlank) return false; return los(watcher.x, watcher.z, target.x, target.z, watcher.y); } // ═══ BOT AI ═══ interface BotState { mode: "idle" | "toSpot" | "hiddenWait" | "patrol" | "investigate" | "chase" | "lookAround"; path: number[]; pathI: number; targetSpot: HidingSpot | null; goal: { x: number; z: number } | null; lookT: number; flashT: number; // seconds until next flashlight toggle heard: { x: number; z: number; t: number } | null; lastSeen: { x: number; z: number; f: 0 | 1 } | null; // last place the seeker SAW the hider mistakeT: number; // seconds until possible noise mistake while hidden } const bot: BotState = { mode: "idle", path: [], pathI: 0, targetSpot: null, goal: null, lookT: 0, flashT: 3, heard: null, lastSeen: null, mistakeT: 8 }; function botReset() { bot.mode = "idle"; bot.path = []; bot.pathI = 0; bot.targetSpot = null; bot.goal = null; bot.lookT = 0; bot.flashT = rrange(2, 5); bot.heard = null; bot.lastSeen = null; bot.mistakeT = rrange(6, 14); } function botPathTo(x: number, z: number, f: 0 | 1) { const e = P1; const from = nearestNode(e.x, e.z, floorIndex(e.y)); const to = nearestNode(x, z, f); bot.path = findPath(from, to); bot.pathI = 0; bot.goal = { x, z }; } // Follow the current path, then walk straight to the goal. Returns true when arrived. function botFollow(dt: number, speed: number): boolean { const e = P1; let tx: number, tz: number; if (bot.pathI < bot.path.length) { const n = NODES[bot.path[bot.pathI]]; tx = n.x; tz = n.z; if (Math.hypot(e.x - tx, e.z - tz) < 0.3) { bot.pathI++; return botFollow(dt, speed); } } else if (bot.goal) { tx = bot.goal.x; tz = bot.goal.z; if (Math.hypot(e.x - tx, e.z - tz) < 0.3) return true; } else return true; const dx = tx - e.x, dz = tz - e.z; e.yaw = Math.atan2(-dx, -dz); const moved = moveEntity(e, dx, dz, speed, dt); stepNoise(e, 1, moved, speed <= SNEAK_SPEED, dt); return false; } function pickHidingSpot(avoid: Entity | null): HidingSpot { // Weighted random: prefer spots far from the seeker (or from the seeker spawn). const ax = avoid ? avoid.x : SEEKER_SPAWN.x; const az = avoid ? avoid.z : SEEKER_SPAWN.z; const af = avoid ? floorIndex(avoid.y) : 0; const weights = SPOTS.map((s) => { let w = 1 + Math.hypot(s.x - ax, s.z - az) * 0.25; if (s.floor !== af) w += 1.5; if (P1.hidden === s.id) w = 0.001; return w; }); const total = weights.reduce((a, b) => a + b, 0); let roll = rng() * total; for (let i = 0; i < SPOTS.length; i++) { roll -= weights[i]; if (roll <= 0) return SPOTS[i]; } return SPOTS[SPOTS.length - 1]; } function botUpdate(dt: number) { const e = P1; const other = P0; if (e.role === "hider") { if (phase === "hide" && bot.mode === "idle") { bot.targetSpot = pickHidingSpot(null); botPathTo(bot.targetSpot.ex, bot.targetSpot.ez, bot.targetSpot.floor); bot.mode = "toSpot"; } if (bot.mode === "toSpot" && bot.targetSpot) { const arrived = botFollow(dt, phase === "hide" ? WALK_SPEED : (distTo(other, e) > 10 ? WALK_SPEED : SNEAK_SPEED)); if (arrived) { e.hidden = bot.targetSpot.id; e.crouch = bot.targetSpot.crouch; e.x = bot.targetSpot.x; e.z = bot.targetSpot.z; e.y = bot.targetSpot.floor * FLOOR_H; bot.mode = "hiddenWait"; } } else if (bot.mode === "hiddenWait" && phase === "seek") { // Relocate if the seeker's beam sweeps near, or the seeker gets close without facing us. const d = distTo(other, e); const sameFloor = floorIndex(other.y) === floorIndex(e.y); let threatened = false; if (sameFloor && other.flashOn) { const f = forwardOf(other); const dx = e.x - other.x, dz = e.z - other.z; const cos = (dx * f.x + dz * f.z) / Math.max(0.001, d); if (d < 9 && cos > 0.9 && los(other.x, other.z, e.x, e.z, other.y)) threatened = true; } const unseen = !canSee(other, e); if (sameFloor && d < 5 && unseen) threatened = true; if (threatened && d > 2.2) { const s = spotById(e.hidden)!; e.hidden = null; e.crouch = false; e.x = s.ex; e.z = s.ez; bot.targetSpot = pickHidingSpot(other); botPathTo(bot.targetSpot.ex, bot.targetSpot.ez, bot.targetSpot.floor); bot.mode = "toSpot"; } // Occasional noise mistake. bot.mistakeT -= dt; if (bot.mistakeT <= 0) { bot.mistakeT = rrange(9, 22); if (rng() < 0.5) emitNoise("creak", 1, 0.5); } } } else { // Bot seeker. if (phase !== "seek") return; // counting during hide phase if (!flashForced) { bot.flashT -= dt; if (bot.flashT <= 0) { bot.flashT = rrange(3, 7); e.flashOn = bot.mode === "investigate" || bot.mode === "chase" ? true : !e.flashOn; } } // React to noise cues. if (bot.heard && simClock - bot.heard.t > 25) bot.heard = null; const visible = canSee(e, other); if (visible) { bot.mode = "chase"; bot.lastSeen = { x: other.x, z: other.z, f: floorIndex(other.y) }; bot.path = []; bot.pathI = 0; } if (bot.mode === "chase" && bot.lastSeen) { // Chase only what was actually SEEN: while visible, track; once sight is lost, // head to the last seen position (no wallhack knowledge of the hider). const seen = bot.lastSeen; const dx = seen.x - e.x, dz = seen.z - e.z; const dSeen = Math.hypot(dx, dz); e.yaw = Math.atan2(-dx, -dz); if (visible && distTo(e, other) <= TAG_RANGE * 0.9) { attemptTag(1); return; } if (!visible && dSeen < 0.4) { bot.mode = "lookAround"; bot.lookT = 2.2; return; } if (!visible && dSeen > 6) { bot.mode = "investigate"; bot.heard = { x: seen.x, z: seen.z, t: simClock }; botPathTo(seen.x, seen.z, seen.f); } else { const moved = moveEntity(e, dx, dz, WALK_SPEED, dt); stepNoise(e, 1, moved, false, dt); } } else if (bot.mode === "investigate") { if (!flashForced) e.flashOn = true; const arrived = botFollow(dt, WALK_SPEED); if (arrived) { bot.mode = "lookAround"; bot.lookT = 2.2; } } else if (bot.mode === "lookAround") { bot.lookT -= dt; e.yaw += dt * 2.4; if (distTo(e, other) < TAG_RANGE && canSee(e, other)) attemptTag(1); if (bot.lookT <= 0) { bot.mode = "patrol"; bot.path = []; bot.goal = null; } } else { // Patrol: wander waypoints. if (bot.mode !== "patrol") { bot.mode = "patrol"; bot.path = []; bot.goal = null; } if (bot.pathI >= bot.path.length && !bot.goal) { const n = rpick(NODES.map((_, i) => i).filter((i) => i !== nearestNode(e.x, e.z, floorIndex(e.y)))); bot.path = findPath(nearestNode(e.x, e.z, floorIndex(e.y)), n); bot.pathI = 0; bot.goal = { x: NODES[n].x, z: NODES[n].z }; } const arrived = botFollow(dt, WALK_SPEED * 0.85); if (arrived) { bot.goal = null; bot.path = []; bot.pathI = 0; } } } } function botHear(n: NoiseEvent) { if (P1.role !== "seeker" || phase !== "seek") return; if (n.by === 1) return; bot.heard = { x: n.x, z: n.z, t: simClock }; bot.mode = "investigate"; botPathTo(n.x, n.z, n.y > 1.5 ? 1 : 0); } function distTo(a: Entity, b: Entity): number { return Math.hypot(a.x - b.x, a.z - b.z); } // ═══ SIM STEP ═══ function simStep(dt: number) { simClock += dt; noiseEvents = []; if (phase === "hide" || phase === "seek") { // Human input (P0). The seeker is frozen during the hide phase. const e = P0; const frozen = phase === "hide" && e.role === "seeker"; if (!frozen && !e.hidden) { const f = forwardOf(e); const rgt = { x: -f.z, z: f.x }; const mx = f.x * input.move.y + rgt.x * input.move.x; const mz = f.z * input.move.y + rgt.z * input.move.x; e.sneak = input.sneak; const speed = e.crouch ? CROUCH_SPEED : e.sneak ? SNEAK_SPEED : WALK_SPEED; const moved = moveEntity(e, mx, mz, (Math.abs(input.move.x) > 0.01 || Math.abs(input.move.y) > 0.01) ? speed : 0, dt); stepNoise(e, 0, moved, e.sneak || e.crouch, dt); } if (input.actEdge) { input.actEdge = false; if (e.role === "seeker" && phase === "seek") attemptTag(0); else if (e.role === "hider") tryEnterExitSpot(e); } if (input.flashEdge) { input.flashEdge = false; if (e.role === "seeker" && !flashForced) e.flashOn = !e.flashOn; } // Hider peek. if (e.role === "hider") { if (input.peek && e.peekCd <= 0 && e.peekT <= 0) { e.peekT = PEEK_TIME; e.peekCd = PEEK_COOLDOWN; emitNoise("peek", 0, 0.5); } if (e.peekT > 0) { e.peekT -= dt; if (!input.peek) e.peekT = 0; } if (e.peekCd > 0) e.peekCd -= dt; } if (mpMode === "host") { // Online: P1 is the remote player; apply their latest input instead of the bot. mpDriveRemote(dt); } else { botUpdate(dt); // Deliver noise cues to the bot. for (const n of noiseEvents) botHear(n); } // Phase timers. phaseT -= dt; if (phaseT <= 0) { if (phase === "hide") { phase = "seek"; phaseT = SEEK_SECONDS; uiDirty = true; } else if (phase === "seek") endRound("hider"); } } else if (phase === "roundEnd") { phaseT -= dt; if (phaseT <= 0) advanceAfterRound(); } // Online host: export this step's noise cues to the client (drained by netTick). if (mpMode === "host" && noiseEvents.length && mpEvOut.length < 48) { for (const n of noiseEvents) mpEvOut.push({ k: "noise", kind: n.kind, by: n.by, x: n.x, z: n.z, y: n.y, loud: n.loud }); } } // One fixed-timestep tick: full sim when authoritative (solo/host), prediction when client. function stepOnce(dt: number) { if (teamActive) { if (teamMode === "client") teamClientStep(dt); else teamStep(dt); return; } if (mpMode === "client") mpClientStep(dt); else simStep(dt); } let simAcc = 0; function simAdvance(ms: number) { simAcc += ms / 1000; let guard = 0; while (simAcc >= SIM_DT && guard < 20000) { stepOnce(SIM_DT); simAcc -= SIM_DT; guard++; } } function simStepExact(ms: number) { const n = Math.max(1, Math.round(ms / 1000 / SIM_DT)); for (let i = 0; i < n; i++) stepOnce(SIM_DT); } // ═══ NET (§128 managed multiplayer — MCPity hosted relay) ═══ // Netcode model (host-authoritative, Turf Heist style): // - Menu "Play online" quick-matches into a 2-player room over the MCPity relay // (Supabase Realtime presence roster + broadcast). Lowest player id = host. // - The host runs the FULL fixed-timestep sim in this file: phases, timers, round // flow, tag adjudication, noise, and BOTH entities. The remote player owns slot // P1 (Entity.peer holds the uuid); the bot never runs while a real peer owns it. // - Host broadcasts at 15Hz: phase/timer/round/score, both entity states (position, // look yaw, role, flashlight, hide/peek state), plus the discrete events since the // last send (noise cues with position, tag/round/match results) so the client's // audio cues (creaks, heartbeat, breathing, peek cue) and beam rendering stay correct. // - The client sends inputs at 15Hz: move vector, look yaw/pitch, sneak, peek held, // flashlight + act edge COUNTERS (a lost packet cannot drop a press), and its // predicted position. Its own movement is locally predicted and lerp-corrected to // the host echo; discrete state (role/hidden/flashlight/crouch) is host-authoritative. // - Disconnects: the bot instantly takes back the departed role (host side), or the // surviving client promotes its mirrored state to a solo-host sim. Matchmaking or // channel failure returns to the menu with an honest message. No silent hangs. const MP_SUPABASE_URL = "https://xglqrnxxjyypwcjcyzgn.supabase.co"; const MP_MATCHMAKE_URL = MP_SUPABASE_URL + "/functions/v1/web-multiplayer"; const MP_REALTIME_URL = MP_SUPABASE_URL + "/realtime/v1"; const MP_ANON_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InhnbHFybnh4anl5cHdjamN5emduIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzMwNDAxODksImV4cCI6MjA4ODYxNjE4OX0.8Mf4OP1cGM6sjX6DXdMhdiyzrRpKYWK5x1wNE7E6VOU"; // public anon key — safe to ship const MP_GAME_KEY = (window as any).__LIGHTSOUT_GAME_KEY || "lights-out"; // override hook for isolated test rooms const MP_MAX_PLAYERS = 2; const MP_SEND_HZ = 15; // ── MCPityMultiplayer bus — inlined from pattern multiplayer.realtime-web (PRD §128) ── // Hosted relay + auto-matchmaking over Supabase Realtime. Lazy variant: matchmaking // starts on the first connect() call (menu "Play online"), not at load, so solo // players never occupy matchmaking slots. leave() frees the slot and allows a rerun. (function () { if ((window as any).MCPityMultiplayer && (window as any).MCPityMultiplayer.__mcpity) return; const MATCHMAKE_URL = MP_MATCHMAKE_URL; const REALTIME_URL = MP_REALTIME_URL; const ANON_KEY = MP_ANON_KEY; const GAME_KEY = MP_GAME_KEY; const MAX_PLAYERS = MP_MAX_PLAYERS; const SEND_MIN_MS = Math.max(16, Math.round(1000 / Math.max(1, MP_SEND_HZ))); type Listener = (arg: any) => void; const listeners: Record = { ready: [], players: [], join: [], leave: [], message: [], status: [] }; function emit(evt: string, arg?: any) { (listeners[evt] || []).forEach((fn) => { try { fn(arg); } catch (e) { console.warn("[MCPityMultiplayer] listener", e); } }); } const api: any = { __mcpity: true, id: "", name: "", roomId: "", players: [] as any[], isHost: false, connected: false, status: "connecting", ready: null as Promise | null, on(evt: string, cb: Listener) { (listeners[evt] = listeners[evt] || []).push(cb); return api; }, off(evt: string, cb: Listener) { listeners[evt] = (listeners[evt] || []).filter((f) => f !== cb); return api; }, send(_state: any) { /* replaced once connected */ }, track(_meta: any) { /* replaced once connected */ }, connect() { if (!api.ready) api.ready = run(); return api.ready; }, leave() { try { if (channel) channel.unsubscribe(); } catch (_e) { /* ignore */ } try { if (client) client.disconnect(); } catch (_e) { /* ignore */ } leaveBeacon(); api.connected = false; api.players = []; api.isHost = false; api.ready = null; channel = null; client = null; setStatus("offline"); }, }; (window as any).MCPityMultiplayer = api; function setStatus(s: string) { if (api.status === s) return; api.status = s; emit("status", s); } let channel: any = null; let client: any = null; function leaveBeacon() { try { if (navigator.sendBeacon && api.roomId) navigator.sendBeacon(MATCHMAKE_URL, new Blob([JSON.stringify({ action: "leave", room_id: api.roomId })], { type: "application/json" })); } catch (_e) { /* ignore */ } } async function run() { setStatus("connecting"); // 1) Matchmake - find/create an open room for this game. let room: any; try { const resp = await fetch(MATCHMAKE_URL, { method: "POST", headers: { "Content-Type": "application/json", apikey: ANON_KEY, Authorization: "Bearer " + ANON_KEY }, body: JSON.stringify({ action: "quick_match", game_key: GAME_KEY, capacity: MAX_PLAYERS }), }); room = await resp.json(); if (!resp.ok || !room || !room.topic) throw new Error((room && room.message) || "matchmaking failed"); } catch (e) { console.warn("[MCPityMultiplayer] matchmaking failed:", e); setStatus("offline"); return; } api.id = room.player_id; api.name = room.player_name; api.roomId = room.room_id; // 2) Connect to Supabase Realtime - presence (roster) + broadcast (state). let RealtimeClient: any; try { const mod: any = await import("@supabase/realtime-js"); RealtimeClient = mod.RealtimeClient || (mod.default && mod.default.RealtimeClient) || mod.default; } catch (e) { console.warn("[MCPityMultiplayer] could not load realtime client:", e); setStatus("offline"); return; } client = new RealtimeClient(REALTIME_URL, { params: { apikey: ANON_KEY } }); channel = client.channel(room.topic, { config: { presence: { key: api.id }, broadcast: { self: false } } }); let meta: any = { id: api.id, name: api.name }; function recomputeRoster() { const state = (channel && channel.presenceState()) || {}; const list: any[] = []; Object.keys(state).forEach((k) => { const arr = state[k]; if (arr && arr[0]) list.push(arr[0]); }); list.sort((a, b) => String(a.id).localeCompare(String(b.id))); api.players = list; api.isHost = list.length > 0 && String(list[0].id) === String(api.id); emit("players", api.players); } channel.on("presence", { event: "sync" }, recomputeRoster); channel.on("presence", { event: "join" }, (e: any) => { recomputeRoster(); emit("join", e); }); channel.on("presence", { event: "leave" }, (e: any) => { recomputeRoster(); emit("leave", e); }); channel.on("broadcast", { event: "s" }, (m: any) => emit("message", m && m.payload)); // Throttled state broadcast. let lastSend = 0; let pending: any = null; let timer: any = null; function flush() { timer = null; if (pending == null) return; const p = pending; pending = null; lastSend = Date.now(); try { channel.send({ type: "broadcast", event: "s", payload: p }); } catch (_e) { /* not ready */ } } api.send = (state: any) => { pending = state; const dt = Date.now() - lastSend; if (dt >= SEND_MIN_MS) flush(); else if (!timer) timer = setTimeout(flush, SEND_MIN_MS - dt); }; api.track = (extra: any) => { meta = { ...meta, ...extra }; if (api.connected && channel) channel.track(meta); }; let resolvedReady = false; await new Promise((resolve) => { const to = setTimeout(() => { if (!api.connected) { setStatus("offline"); if (!resolvedReady) { resolvedReady = true; resolve(); } } }, 15000); // no silent hangs: channel that never subscribes reads as offline channel.subscribe(async (status: string) => { if (status === "SUBSCRIBED") { clearTimeout(to); api.connected = true; setStatus("online"); try { await channel.track(meta); } catch (_e) { /* ignore */ } recomputeRoster(); emit("ready"); if (!resolvedReady) { resolvedReady = true; resolve(); } } else if (status === "CHANNEL_ERROR" || status === "TIMED_OUT" || status === "CLOSED") { api.connected = false; setStatus("offline"); if (!resolvedReady) { resolvedReady = true; resolve(); } } }); }); // Best-effort leave on tab close (frees the matchmaking slot). window.addEventListener("pagehide", leaveBeacon); window.addEventListener("beforeunload", leaveBeacon); } })(); // ── end inlined pattern ── // ── Online mode glue (host-authoritative over the bus) ── type MpMode = "solo" | "host" | "client"; let mpMode: MpMode = "solo"; let mpOnline = false; // currently in an online match let mpSearching = false; // waiting screen up let mpOppLabel = ""; // remote player's display name ("" = solo vs bot) let mpWired = false; let mpSynced = false; // client: own entity snapped to a host echo at least once let mpHaveHostState = false; // client: at least one host snapshot applied let mpActSeq = 0; let mpActAck = 0; // act (tag / hide-spot) edge counter + host ack let mpFlashSeq = 0; let mpFlashAck = 0; // flashlight-toggle edge counter + host ack let mpInC: any = null; // host: latest client input packet let mpEvOut: any[] = []; // host: discrete events since the last send let mpEvIn: any[] = []; // client: translated noise events awaiting the audio tick const mpRemote = { x: 0, y: 0, z: 0, yaw: 0, active: false }; // client: lerp target for P1 let mpLastNet = 0; // 15Hz pacing const mpBus = () => (window as any).MCPityMultiplayer; function mpWire() { const bus = mpBus(); if (!bus || mpWired) return; mpWired = true; bus.on("players", mpRosterChanged); bus.on("status", mpStatusChanged); bus.on("message", mpOnMessage); } function mpStatusChanged(s: string) { if (s !== "offline") return; if (mpSearching) mpSearchFailed(); else if (mpOnline) mpOpponentLost(); } function mpRosterChanged() { const bus = mpBus(); const n = bus && bus.connected ? (bus.players || []).length : 0; if (mpSearching && n >= MP_MAX_PLAYERS) mpMatchFound(); else if (mpOnline && n < MP_MAX_PLAYERS) mpOpponentLost(); } function mpBeginSearch() { const bus = mpBus(); if (!bus || typeof bus.connect !== "function") { mpSearching = true; mpSearchFailed(); return; } mpWire(); mpSearching = true; setMenuStatus(""); showWaiting(true); Promise.resolve(bus.connect()).then(() => { if (!mpSearching) return; if (bus.status === "offline") mpSearchFailed(); else if (bus.connected) mpRosterChanged(); // opponent may already be in the room }).catch(() => mpSearchFailed()); } function mpSearchFailed() { if (!mpSearching) return; mpSearching = false; showWaiting(false); menuOv.style.display = "flex"; setMenuStatus("Online play is unreachable right now. Try solo vs bot."); } function mpCancelSearch() { mpSearching = false; showWaiting(false); const bus = mpBus(); try { if (bus && bus.leave) bus.leave(); } catch (_e) { /* ignore */ } } function mpMatchFound() { const bus = mpBus(); mpSearching = false; mpOnline = true; mpSynced = false; mpHaveHostState = false; mpActSeq = 0; mpActAck = 0; mpFlashSeq = 0; mpFlashAck = 0; mpInC = null; mpEvOut = []; mpEvIn = []; mpRemote.active = false; const others = ((bus && bus.players) || []).filter((p: any) => String(p.id) !== String(bus.id)); mpOppLabel = (others[0] && others[0].name) || "Your opponent"; P1.isBot = false; P1.peer = others[0] ? String(others[0].id) : "peer"; P1.name = mpOppLabel; mpMode = bus.isHost ? "host" : "client"; menuOv.style.display = "none"; if (mpMode === "host") { showWaiting(false); roleSelection = "random"; // host assigns round-1 roles from its seeded RNG startMatch(); } else { // Mirror mode: keep a light overlay until the first host snapshot lands. showWaiting(true, "Player found. Syncing..."); } uiDirty = true; requestPointerLockSafe(); } function mpOpponentLost() { if (!mpOnline) return; const inMatch = phase === "hide" || phase === "seek" || phase === "roundEnd"; mpEndOnline(); if (inMatch) { // The bot instantly takes over the departed role; the match continues. botReset(); if (P1.role === "hider") { if (P1.hidden) bot.mode = "hiddenWait"; else { bot.targetSpot = pickHidingSpot(P0); botPathTo(bot.targetSpot.ex, bot.targetSpot.ez, bot.targetSpot.floor); bot.mode = "toSpot"; } } showNotice("Your opponent left. A bot has taken over."); uiDirty = true; } } function mpEndOnline() { mpMode = "solo"; mpOnline = false; mpOppLabel = ""; mpInC = null; mpEvOut = []; mpEvIn = []; mpRemote.active = false; P1.isBot = true; P1.peer = null; P1.name = "The Bot"; const bus = mpBus(); try { if (bus && bus.leave) bus.leave(); } catch (_e) { /* ignore */ } } function mpOnMessage(m: any) { if (!m || typeof m !== "object") return; if (m.t === "h" && mpMode === "client") mpApplyHost(m); else if (m.t === "c" && mpMode === "host") mpApplyClientInput(m); } // HOST: ingest the client's input packet. Continuous fields are stored for the sim // step; look is applied instantly; discrete edges fire exactly once via counters. function mpApplyClientInput(m: any) { mpInC = m; const e = P1; if (typeof m.yw === "number") e.yaw = m.yw; if (typeof m.pt === "number") e.pitch = m.pt; e.sneak = !!m.sn; // Soft position reconcile: trust small client deltas; big ones lose to the echo. if (typeof m.px === "number" && typeof m.pz === "number" && !e.hidden) { const d = Math.hypot(e.x - m.px, e.z - m.pz); if (d > 0.02 && d < 2.5 && !collides(m.px, m.pz, e.y, PLAYER_R)) { e.x += (m.px - e.x) * 0.5; e.z += (m.pz - e.z) * 0.5; } } const fq = m.fq | 0; while (mpFlashAck < fq) { mpFlashAck++; if (e.role === "seeker" && !flashForced && (phase === "seek" || phase === "hide")) e.flashOn = !e.flashOn; } const aq = m.aq | 0; while (mpActAck < aq) { mpActAck++; if (e.role === "seeker") { if (phase === "seek") attemptTag(1); } else tryEnterExitSpot(e); } } // HOST: per-sim-step continuous application of the remote input (movement + peek). function mpDriveRemote(dt: number) { const e = P1; const m = mpInC; if (!m) return; const frozen = phase === "hide" && e.role === "seeker"; if (!frozen && !e.hidden) { const mvx = (m.mv && +m.mv.x) || 0; const mvy = (m.mv && +m.mv.y) || 0; const f = forwardOf(e); const rgt = { x: -f.z, z: f.x }; const wx2 = f.x * mvy + rgt.x * mvx; const wz2 = f.z * mvy + rgt.z * mvx; const speed = e.crouch ? CROUCH_SPEED : e.sneak ? SNEAK_SPEED : WALK_SPEED; const moved = moveEntity(e, wx2, wz2, (Math.abs(mvx) > 0.01 || Math.abs(mvy) > 0.01) ? speed : 0, dt); stepNoise(e, 1, moved, e.sneak || e.crouch, dt); } if (e.role === "hider") { if (m.pk && e.peekCd <= 0 && e.peekT <= 0) { e.peekT = PEEK_TIME; e.peekCd = PEEK_COOLDOWN; emitNoise("peek", 1, 0.5); } if (e.peekT > 0) { e.peekT -= dt; if (!m.pk) e.peekT = 0; } if (e.peekCd > 0) e.peekCd -= dt; } } // CLIENT: apply a host snapshot. Own entity: lerp-correct position (snap on spawn, // hide-spot teleports, or big divergence); discrete state is host-authoritative. // Remote entity: set discrete state now, lerp position/yaw in mpClientStep. function mpApplyHost(m: any) { const prevPhase = phase, prevRound = round; if (m.ph === "hide" || m.ph === "seek" || m.ph === "roundEnd" || m.ph === "matchEnd" || m.ph === "menu") phase = m.ph; if (typeof m.tm === "number") phaseT = m.tm; if (m.rd | 0) round = m.rd | 0; const sc = m.sc || [0, 0]; if (score[0] !== (sc[1] | 0) || score[1] !== (sc[0] | 0)) { score = [sc[1] | 0, sc[0] | 0]; uiDirty = true; } // flip to local frame roundWinner = m.rw === "seeker" || m.rw === "hider" ? m.rw : null; matchWinner = m.mw === 0 || m.mw === 1 ? 1 - m.mw : null; // flip to local frame const o = m.b; // own entity in the host's frame if (o) { if (P0.role !== o.rl) { P0.role = o.rl === "seeker" ? "seeker" : "hider"; uiDirty = true; } P0.crouch = !!o.cr; P0.hidden = o.hd || null; P0.flashOn = !!o.fl; const d = Math.hypot(P0.x - o.x, P0.z - o.z) + Math.abs(P0.y - o.y); if (!mpSynced || P0.hidden || d > 2.5) { P0.x = o.x; P0.y = o.y; P0.z = o.z; // Fresh sync (match start / new round): adopt the spawn facing too. Mid-round, // look stays local-authoritative for latency-free aiming. if (!mpSynced) { P0.yaw = +o.yw || 0; P0.pitch = 0; } mpSynced = true; } else if (d > 0.35) { P0.x += (o.x - P0.x) * 0.25; P0.y += (o.y - P0.y) * 0.25; P0.z += (o.z - P0.z) * 0.25; } } const r = m.a; // remote (host's) entity if (r) { P1.role = r.rl === "seeker" ? "seeker" : "hider"; P1.crouch = !!r.cr; P1.sneak = !!r.sn; P1.hidden = r.hd || null; P1.flashOn = !!r.fl; P1.pitch = +r.pt || 0; if (!mpRemote.active) { P1.x = r.x; P1.y = r.y; P1.z = r.z; P1.yaw = r.yw; } mpRemote.x = r.x; mpRemote.y = r.y; mpRemote.z = r.z; mpRemote.yaw = r.yw; mpRemote.active = true; } for (const ev of (m.ev || [])) { if (ev && ev.k === "noise") mpEvIn.push({ kind: ev.kind, by: 1 - (ev.by | 0), x: ev.x, z: ev.z, y: ev.y, loud: ev.loud }); // flip `by` to local frame else if (ev && (ev.k === "round" || ev.k === "match")) uiDirty = true; } if (phase !== prevPhase || round !== prevRound) { uiDirty = true; if (phase === "hide") { mpSynced = false; input.actEdge = false; input.flashEdge = false; } // fresh spawn: snap on the next echo } if (!mpHaveHostState) { mpHaveHostState = true; showWaiting(false); } } // CLIENT: fixed-timestep prediction — own movement + peek timers, remote lerp, timer countdown. function mpClientStep(dt: number) { simClock += dt; if (phase === "hide" || phase === "seek") { const e = P0; const frozen = phase === "hide" && e.role === "seeker"; if (!frozen && !e.hidden) { const f = forwardOf(e); const rgt = { x: -f.z, z: f.x }; const mx = f.x * input.move.y + rgt.x * input.move.x; const mz = f.z * input.move.y + rgt.z * input.move.x; e.sneak = input.sneak; const speed = e.crouch ? CROUCH_SPEED : e.sneak ? SNEAK_SPEED : WALK_SPEED; moveEntity(e, mx, mz, (Math.abs(input.move.x) > 0.01 || Math.abs(input.move.y) > 0.01) ? speed : 0, dt); } if (input.actEdge) { input.actEdge = false; mpActSeq++; } if (input.flashEdge) { input.flashEdge = false; if (e.role === "seeker") mpFlashSeq++; } // Local peek timers for the light + cooldown bar; the host emits the audible cue. if (e.role === "hider") { if (input.peek && e.peekCd <= 0 && e.peekT <= 0) { e.peekT = PEEK_TIME; e.peekCd = PEEK_COOLDOWN; } if (e.peekT > 0) { e.peekT -= dt; if (!input.peek) e.peekT = 0; } if (e.peekCd > 0) e.peekCd -= dt; } if (mpRemote.active) { const k = Math.min(1, dt * 12); P1.x += (mpRemote.x - P1.x) * k; P1.y += (mpRemote.y - P1.y) * k; P1.z += (mpRemote.z - P1.z) * k; const dy = Math.atan2(Math.sin(mpRemote.yaw - P1.yaw), Math.cos(mpRemote.yaw - P1.yaw)); P1.yaw += dy * k; } phaseT = Math.max(0, phaseT - dt); // smooth countdown between host snapshots } else if (phase === "roundEnd") { phaseT = Math.max(0, phaseT - dt); } } function mpPackEnt(e: Entity) { return { x: Math.round(e.x * 1000) / 1000, y: Math.round(e.y * 1000) / 1000, z: Math.round(e.z * 1000) / 1000, yw: Math.round(e.yaw * 1000) / 1000, pt: Math.round(e.pitch * 1000) / 1000, rl: e.role, cr: e.crouch ? 1 : 0, sn: e.sneak ? 1 : 0, hd: e.hidden, fl: e.flashOn ? 1 : 0, }; } // 15Hz net pump, called every RAF frame (runs even while the debug pause is on). function netTick() { if (mpMode === "solo") return; const bus = mpBus(); if (!bus || !bus.connected) return; const now = Date.now(); if (now - mpLastNet < Math.round(1000 / MP_SEND_HZ)) return; mpLastNet = now; if (mpMode === "host") { bus.send({ t: "h", ph: phase, tm: phaseT, rd: round, sc: [score[0], score[1]], rw: roundWinner, mw: matchWinner, a: mpPackEnt(P0), b: mpPackEnt(P1), ev: mpEvOut, }); mpEvOut = []; } else { bus.send({ t: "c", mv: { x: input.move.x, y: input.move.y }, yw: P0.yaw, pt: P0.pitch, sn: input.sneak ? 1 : 0, pk: (input.peek || P0.peekT > 0) ? 1 : 0, aq: mpActSeq, fq: mpFlashSeq, px: Math.round(P0.x * 1000) / 1000, py: Math.round(P0.y * 1000) / 1000, pz: Math.round(P0.z * 1000) / 1000, }); } } // ═══ SEASON PASS (premium entitlement gate) ═══ // The canonical shim is the pattern tool `tools.monetization.season-pass-web` (the // other session's PR). When the real host shim is present it wins (this install is // guarded by `if (!window.MCPitySeasonPass)`). Until that pattern merges, this is a // MINIMAL forward-compatible fallback over the documented postMessage envelope // { mcpity:true, dir:'game->studio', type:'season-pass-request', intent:'status'|'unlock' }. // Pushed entitlement shape (camelCase): { active, source:'admin'|'plan'|'credit'|null, seasonEnd }. (function () { if ((window as any).MCPitySeasonPass) return; // real host shim wins const KEY = "tournament"; let entitlement: { active: boolean; source: string | null; seasonEnd: string | null } = { active: false, source: null, seasonEnd: null }; const changeCbs: Array<(e: any) => void> = []; let readyResolve: (() => void) | null = null; const ready = new Promise((r) => { readyResolve = r; }); function fireChange() { for (const cb of changeCbs) { try { cb({ ...entitlement }); } catch (_e) { /* ignore */ } } } function post(intent: string) { try { window.parent && window.parent.postMessage({ mcpity: true, dir: "game->studio", type: "season-pass-request", intent, key: KEY }, "*"); } catch (_e) { /* ignore */ } } window.addEventListener("message", (ev) => { const d: any = ev && ev.data; if (!d || d.mcpity !== true || d.dir !== "studio->game") return; if (d.type === "season-pass-entitlement" && d.entitlement) { entitlement = { active: !!d.entitlement.active, source: d.entitlement.source || null, seasonEnd: d.entitlement.seasonEnd || null }; if (readyResolve) { readyResolve(); readyResolve = null; } fireChange(); } }); const api: any = { __fallback: true, ready, isActive() { return !!entitlement.active; }, status() { return { ...entitlement }; }, // Resolves true when the mode is unlocked. Missing host/timeout/decline -> false. requireForMode(_k?: string): Promise { if (entitlement.active) return Promise.resolve(true); post("unlock"); return new Promise((resolve) => { let done = false; const onChange = (e: any) => { if (done) return; if (e && e.active) { done = true; cleanup(); resolve(true); } }; changeCbs.push(onChange); const to = setTimeout(() => { if (done) return; done = true; cleanup(); resolve(false); }, 12000); function cleanup() { clearTimeout(to); const i = changeCbs.indexOf(onChange); if (i >= 0) changeCbs.splice(i, 1); } }); }, unlock() { post("unlock"); return this.requireForMode(KEY); }, onChange(cb: (e: any) => void) { if (typeof cb === "function") changeCbs.push(cb); return api; }, }; (window as any).MCPitySeasonPass = api; // Ask the host for current status on boot (no-op when sandboxed with no parent listener). post("status"); })(); // ── end season-pass shim ── // ═══ TEAM / TOURNAMENT (Season Pass premium modes) ═══ // Generalizes the 2-entity model above to an ARRAY of N entities split across two // teams. Host-authoritative, exactly like the 2p path: the lowest-id peer runs the // full sim for every entity (human input applied from packets, empty seats driven by // AI) and broadcasts snapshots; clients predict their own entity and mirror the rest. // The free solo + 2p game is untouched: this whole block only runs while teamActive. // // Format (v1): // Team match = two teams (up to MATCH_TEAM_SIZE each), best of TEAM_ROUNDS rounds. // Each round one team seeks and the other hides; roles swap next round. // A hider is out when tagged (same 1.8m + facing cone as the free game). // Round ends when every hider is out (seeker team wins) or the seek // timer expires (hiding team wins). Tie after both rounds breaks by // total tags, then faster clear time, then lower team id (deterministic). // Tournament = single-elimination bracket of team matches (BRACKET_TEAMS teams). // The local players play their bracket path live; all-AI matches in // other bracket slots auto-resolve deterministically. Champion when one // team remains. Ephemeral / in-room (no cross-session persistence yet). // Invite = when a match seat is empty, the host invites present lobby peers for // INVITE_WINDOW_MS. The first accept claims the seat; on the deadline any // still-open seat is filled by an AI bot so a match never stalls. type TeamPhase = "lobby" | "invite" | "hide" | "seek" | "roundEnd" | "matchEnd" | "bracketEnd"; type TeamModeKind = "team" | "tournament"; let teamActive = false; // master switch: routes the loop to the team sim let teamKind: TeamModeKind = "team"; let teamMode: MpMode = "solo"; // solo (single host, all others AI) | host | client let teamPhase: TeamPhase = "lobby"; let teamPhaseT = 0; let teamRound = 1; let teamSeekTeam: 0 | 1 = 0; // which team seeks this round let teamRoundWins: [number, number] = [0, 0]; let teamTagsTotal: [number, number] = [0, 0]; let teamClearMs: [number, number] = [Infinity, Infinity]; // fastest full clear per team (seek elapsed) let teamMatchWinner: 0 | 1 | null = null; let teamChampion: string | null = null; // bracket champion team label let teamMatchId = 0; let teamClock = 0; let teamEnts: Entity[] = []; let teamLocalId = ""; // this client's peer id (owns the entity whose peer === this) let teamOppLabels: Record = {}; const teamInputs: Record = {}; // host: latest input packet per remote peer id let teamEvOut: any[] = []; // host: discrete events to broadcast let teamEvIn: any[] = []; // client: mirrored noise events awaiting audio let teamNotice = ""; let teamWired = false; let teamHaveHostState = false; // Bracket (single elimination). Each team is a labelled seat that carries its human // peer ids; AI backfills the rest at match start. interface BracketTeam { label: string; peers: string[]; alive: boolean; } let bracket: BracketTeam[] = []; let bracketRoundPairs: [number, number][] = []; // indices into `bracket` for the current bracket round let bracketPairI = 0; // which pair of the current bracket round is playing let bracketTeamA = 0, bracketTeamB = 1; // the two `bracket` indices in the live match // Pending invites for empty seats in the live match. interface TeamInvite { matchId: number; team: 0 | 1; slot: number; remainMs: number; } let teamInvites: TeamInvite[] = []; // Per-entity bot brain (team-aware adaptation of the solo bot). interface TeamBot { mode: "idle" | "toSpot" | "hiddenWait" | "patrol" | "chase" | "lookAround"; path: number[]; pathI: number; targetSpot: HidingSpot | null; goal: { x: number; z: number } | null; flashT: number; lookT: number; mistakeT: number; lastSeen: { x: number; z: number; f: 0 | 1 } | null; } const teamBots: Record = {}; // keyed by entity slot let teamNoise: NoiseEvent[] = []; const TEAM_SEEK_SPAWNS = [ { x: 0.3, z: -4.2, yaw: Math.PI }, { x: -1.0, z: -4.2, yaw: Math.PI }, { x: 1.6, z: -4.2, yaw: Math.PI }, { x: 4.5, z: -4.2, yaw: Math.PI }, { x: -4.0, z: -4.2, yaw: Math.PI }, ]; const TEAM_HIDE_SPAWNS = [ { x: -3.5, z: 2.8, yaw: 0 }, { x: -5.5, z: 2.4, yaw: 0 }, { x: 0.6, z: 2.4, yaw: 0 }, { x: -3.0, z: 4.0, yaw: 0 }, { x: 1.2, z: 3.6, yaw: 0 }, ]; function teamBus() { return (window as any).MCPityMultiplayer; } function teamLocalEnt(): Entity | null { for (const e of teamEnts) if (e.peer === teamLocalId) return e; return null; } function teamSeekers(team: 0 | 1) { return teamEnts.filter((e) => e.team === team && e.role === "seeker"); } function teamHidersLeft(team: 0 | 1) { return teamEnts.filter((e) => e.team === team && e.role === "hider" && !e.out); } function teamEmitNoise(e: Entity, kind: NoiseEvent["kind"], loud: number) { teamNoise.push({ kind, by: e.slot, x: e.x, z: e.z, y: e.y, loud }); } // Weighted hiding-spot pick for a team hider, avoiding the nearest seeker + spots // already taken by teammates. function teamPickSpot(fleeFrom: Entity | null, taken: Set): HidingSpot { const ax = fleeFrom ? fleeFrom.x : SEEKER_SPAWN.x; const az = fleeFrom ? fleeFrom.z : SEEKER_SPAWN.z; const af = fleeFrom ? floorIndex(fleeFrom.y) : 0; const weights = SPOTS.map((s) => { if (taken.has(s.id)) return 0.0001; let w = 1 + Math.hypot(s.x - ax, s.z - az) * 0.25; if (s.floor !== af) w += 1.5; return w; }); const total = weights.reduce((a, b) => a + b, 0); let roll = rng() * total; for (let i = 0; i < SPOTS.length; i++) { roll -= weights[i]; if (roll <= 0) return SPOTS[i]; } return SPOTS[SPOTS.length - 1]; } // ── Bracket seeding ── // Seed the present lobby (this local player + any remote peers) into BRACKET_TEAMS teams // (or 2 for a small lobby), up to MATCH_TEAM_SIZE humans per team, AI backfilling the rest. function teamSeedBracket(peerIds: string[], wantTeams: number) { const nTeams = Math.max(2, Math.min(wantTeams, Math.max(2, Math.min(BRACKET_TEAMS, 4)))); bracket = []; for (let i = 0; i < nTeams; i++) bracket.push({ label: "Team " + String.fromCharCode(65 + i), peers: [], alive: true }); // Round-robin humans across teams so the local player is always on team 0's seat 0. const ordered = peerIds.slice(); let ti = 0; for (const p of ordered) { // keep the local host on team 0 if (p === teamLocalId) { bracket[0].peers.unshift(p); continue; } ti = (ti + 1) % nTeams; if (ti === 0) ti = 1; // don't overfill team 0 before others if (bracket[ti].peers.length < MATCH_TEAM_SIZE) bracket[ti].peers.push(p); else bracket[(ti + 1) % nTeams].peers.push(p); } // Bracket round-1 pairings: (0 vs 1), (2 vs 3), ... bracketRoundPairs = []; for (let i = 0; i + 1 < bracket.length; i += 2) bracketRoundPairs.push([i, i + 1]); bracketPairI = 0; } // ── Build the live match entity array for bracket teams A and B ── function teamBuildMatch(aIdx: number, bIdx: number) { bracketTeamA = aIdx; bracketTeamB = bIdx; teamMatchId++; teamEnts = []; for (const k of Object.keys(teamBots)) delete (teamBots as any)[k]; const teamPeers: [string[], string[]] = [bracket[aIdx].peers.slice(0, MATCH_TEAM_SIZE), bracket[bIdx].peers.slice(0, MATCH_TEAM_SIZE)]; const size = Math.max(1, Math.min(MATCH_TEAM_SIZE, teamMatchSize)); let slot = 0; for (let t = 0 as 0 | 1; t <= 1; t = (t + 1) as 0 | 1) { for (let i = 0; i < size; i++) { const peer = teamPeers[t][i] || null; const isBot = !peer; const e = makeEntity(peer ? (teamOppLabels[peer] || (peer === teamLocalId ? "You" : "Player")) : "Bot " + (slot + 1), isBot); e.team = t; e.slot = slot; e.peer = peer; teamEnts.push(e); teamBots[slot] = { mode: "idle", path: [], pathI: 0, targetSpot: null, goal: null, flashT: rrange(2, 5), lookT: 0, mistakeT: rrange(6, 14), lastSeen: null }; slot++; } } // Empty seats that had a peer expected but none present raise invites; here every // seat is either a present peer or an AI bot, so anti-empty-lobby is already covered. teamInvites = []; } let teamMatchSize = MATCH_TEAM_SIZE; // team-match seat count (tests may set 3 for 3v3) // ── Round + phase flow ── function teamStartRound() { teamMatchWinner = null; const seekTeam = teamSeekTeam; const seekSpawnI = [0, 0]; const hideSpawnI = [0, 0]; for (const e of teamEnts) { e.hidden = null; e.flashOn = false; e.peekT = 0; e.peekCd = 0; e.crouch = false; e.sneak = false; e.stepAcc = 0; e.pitch = 0; e.out = false; if (e.team === seekTeam) { e.role = "seeker"; const sp = TEAM_SEEK_SPAWNS[seekSpawnI[e.team]++ % TEAM_SEEK_SPAWNS.length]; e.x = sp.x; e.z = sp.z; e.y = 0; e.yaw = sp.yaw; } else { e.role = "hider"; const sp = TEAM_HIDE_SPAWNS[hideSpawnI[e.team]++ % TEAM_HIDE_SPAWNS.length]; e.x = sp.x; e.z = sp.z; e.y = 0; e.yaw = sp.yaw; } const tb = teamBots[e.slot]; if (tb) { tb.mode = "idle"; tb.path = []; tb.pathI = 0; tb.targetSpot = null; tb.goal = null; tb.flashT = rrange(2, 5); tb.lookT = 0; tb.mistakeT = rrange(6, 14); tb.lastSeen = null; } } teamPhase = "hide"; teamPhaseT = TEAM_HIDE_SECONDS; uiDirty = true; } function teamStartMatch() { teamRound = 1; teamRoundWins = [0, 0]; teamTagsTotal = [0, 0]; teamClearMs = [Infinity, Infinity]; teamMatchWinner = null; teamSeekTeam = 0; // team 0 seeks round 1 teamStartRound(); } function teamEndRound(winnerTeam: 0 | 1, clearedInMs: number | null) { teamRoundWins[winnerTeam]++; if (clearedInMs != null && clearedInMs < teamClearMs[teamSeekTeam]) teamClearMs[teamSeekTeam] = clearedInMs; teamPhase = "roundEnd"; teamPhaseT = 4; if (teamMode === "host") teamEvOut.push({ k: "roundEnd", w: winnerTeam }); uiDirty = true; } function teamDecideMatch(): 0 | 1 { if (teamRoundWins[0] !== teamRoundWins[1]) return teamRoundWins[0] > teamRoundWins[1] ? 0 : 1; if (teamTagsTotal[0] !== teamTagsTotal[1]) return teamTagsTotal[0] > teamTagsTotal[1] ? 0 : 1; if (teamClearMs[0] !== teamClearMs[1]) return teamClearMs[0] < teamClearMs[1] ? 0 : 1; return 0; // final deterministic fallback: lower team id } function teamAdvanceAfterRound() { if (teamRound >= TEAM_ROUNDS) { teamMatchWinner = teamDecideMatch(); teamPhase = "matchEnd"; if (teamMode === "host") teamEvOut.push({ k: "matchEnd", w: teamMatchWinner }); uiDirty = true; if (teamKind === "tournament") teamAfterMatchBracket(); return; } teamRound++; teamSeekTeam = (1 - teamSeekTeam) as 0 | 1; // swap which team seeks teamStartRound(); } // ── Bracket advance after a live match ── function teamAfterMatchBracket() { // Map the live match winner (0|1) back to a bracket index and eliminate the loser. const winIdx = teamMatchWinner === 0 ? bracketTeamA : bracketTeamB; const loseIdx = teamMatchWinner === 0 ? bracketTeamB : bracketTeamA; bracket[loseIdx].alive = false; teamEvOut.push({ k: "bracket", win: bracket[winIdx].label, lose: bracket[loseIdx].label }); } function teamNextBracketMatch(): boolean { // Advance to the next pair in the current bracket round; when the round is done, // rebuild pairings from the survivors. Returns false when a champion is decided. bracketPairI++; // Auto-resolve any all-AI pair the local player is not in. while (bracketPairI < bracketRoundPairs.length) { const [a, b] = bracketRoundPairs[bracketPairI]; const localIn = bracket[a].peers.includes(teamLocalId) || bracket[b].peers.includes(teamLocalId); if (localIn) { teamBuildMatch(a, b); teamStartMatch(); return true; } // all-AI (or remote-only) match resolved deterministically: more humans wins, else seeded. const winner = teamAutoResolve(a, b); bracket[winner === a ? b : a].alive = false; bracketPairI++; } // Bracket round complete: collect survivors, re-pair, or crown a champion. const alive = bracket.map((t, i) => ({ t, i })).filter((o) => o.t.alive); if (alive.length <= 1) { teamChampion = alive.length ? alive[0].t.label : bracket[bracketTeamA].label; teamPhase = "bracketEnd"; if (teamMode === "host") teamEvOut.push({ k: "champion", label: teamChampion }); uiDirty = true; return false; } bracketRoundPairs = []; for (let i = 0; i + 1 < alive.length; i += 2) bracketRoundPairs.push([alive[i].i, alive[i + 1].i]); bracketPairI = -1; return teamNextBracketMatch(); } function teamAutoResolve(a: number, b: number): number { const ha = bracket[a].peers.length, hb = bracket[b].peers.length; if (ha !== hb) return ha > hb ? a : b; return rng() < 0.5 ? a : b; // deterministic under the seeded RNG } // ── Team-aware tag ── function teamAttemptTag(seeker: Entity): boolean { if (teamPhase !== "seek") return false; if (seeker.role !== "seeker" || seeker.out) return false; const f = forwardOf(seeker); let best: Entity | null = null; let bestD = Infinity; for (const h of teamEnts) { if (h.team === seeker.team || h.role !== "hider" || h.out) continue; const dx = h.x - seeker.x, dz = h.z - seeker.z; const dist = Math.hypot(dx, dz); if (dist > TAG_RANGE) continue; if (Math.abs(h.y - seeker.y) > 2.2) continue; const cos = dist < 0.2 ? 1 : (dx * f.x + dz * f.z) / dist; if (cos < TAG_FACING_COS) continue; if (dist < bestD) { bestD = dist; best = h; } } if (!best) return false; best.out = true; teamTagsTotal[seeker.team]++; if (teamMode === "host") teamEvOut.push({ k: "tag", slot: best.slot, by: seeker.slot }); uiDirty = true; // All hiders out -> seeker team wins the round immediately. if (teamHidersLeft(best.team).length === 0) { const elapsed = TEAM_SEEK_SECONDS - teamPhaseT; teamEndRound(seeker.team, elapsed * 1000); } return true; } // ── Team bot AI (team-aware; seekers hunt opposing hiders, hiders flee/hide) ── function teamNearestFoe(e: Entity, role: Role): Entity | null { let best: Entity | null = null, bd = Infinity; for (const o of teamEnts) { if (o.team === e.team || o.role !== role || o.out) continue; const d = Math.hypot(o.x - e.x, o.z - e.z); if (d < bd) { bd = d; best = o; } } return best; } function teamBotFollow(e: Entity, tb: TeamBot, dt: number, speed: number): boolean { let tx: number, tz: number; if (tb.pathI < tb.path.length) { const n = NODES[tb.path[tb.pathI]]; tx = n.x; tz = n.z; if (Math.hypot(e.x - tx, e.z - tz) < 0.3) { tb.pathI++; return teamBotFollow(e, tb, dt, speed); } } else if (tb.goal) { tx = tb.goal.x; tz = tb.goal.z; if (Math.hypot(e.x - tx, e.z - tz) < 0.3) return true; } else return true; const dx = tx - e.x, dz = tz - e.z; e.yaw = Math.atan2(-dx, -dz); const moved = moveEntity(e, dx, dz, speed, dt); if (moved > 0 && !(speed <= SNEAK_SPEED)) { e.stepAcc += moved; if (e.stepAcc > 1.45) { e.stepAcc = 0; teamEmitNoise(e, "creak", 0.6 + rng() * 0.3); } } return false; } function teamBotPathTo(e: Entity, tb: TeamBot, x: number, z: number, f: 0 | 1) { tb.path = findPath(nearestNode(e.x, e.z, floorIndex(e.y)), nearestNode(x, z, f)); tb.pathI = 0; tb.goal = { x, z }; } function teamBotUpdate(e: Entity, dt: number) { const tb = teamBots[e.slot]; if (!tb || e.out) return; if (e.role === "hider") { if (teamPhase === "hide" && tb.mode === "idle") { const taken = new Set(); for (const o of teamEnts) if (o !== e && o.hidden) taken.add(o.hidden); tb.targetSpot = teamPickSpot(teamNearestFoe(e, "seeker"), taken); teamBotPathTo(e, tb, tb.targetSpot.ex, tb.targetSpot.ez, tb.targetSpot.floor); tb.mode = "toSpot"; } if (tb.mode === "toSpot" && tb.targetSpot) { const foe = teamNearestFoe(e, "seeker"); const arrived = teamBotFollow(e, tb, dt, teamPhase === "hide" ? WALK_SPEED : (foe && Math.hypot(foe.x - e.x, foe.z - e.z) < 10 ? SNEAK_SPEED : WALK_SPEED)); if (arrived) { e.hidden = tb.targetSpot.id; e.crouch = tb.targetSpot.crouch; e.x = tb.targetSpot.x; e.z = tb.targetSpot.z; e.y = tb.targetSpot.floor * FLOOR_H; tb.mode = "hiddenWait"; } } else if (tb.mode === "hiddenWait" && teamPhase === "seek") { const foe = teamNearestFoe(e, "seeker"); if (foe) { const d = Math.hypot(foe.x - e.x, foe.z - e.z); const sameFloor = floorIndex(foe.y) === floorIndex(e.y); let threatened = false; if (sameFloor && foe.flashOn) { const fw = forwardOf(foe); const dx = e.x - foe.x, dz = e.z - foe.z; const cos = (dx * fw.x + dz * fw.z) / Math.max(0.001, d); if (d < 9 && cos > 0.9 && los(foe.x, foe.z, e.x, e.z, foe.y)) threatened = true; } if (sameFloor && d < 5 && !canSee(foe, e)) threatened = true; if (threatened && d > 2.2) { const s = spotById(e.hidden)!; e.hidden = null; e.crouch = false; e.x = s.ex; e.z = s.ez; const taken = new Set(); for (const o of teamEnts) if (o !== e && o.hidden) taken.add(o.hidden); tb.targetSpot = teamPickSpot(foe, taken); teamBotPathTo(e, tb, tb.targetSpot.ex, tb.targetSpot.ez, tb.targetSpot.floor); tb.mode = "toSpot"; } } tb.mistakeT -= dt; if (tb.mistakeT <= 0) { tb.mistakeT = rrange(9, 22); if (rng() < 0.5) teamEmitNoise(e, "creak", 0.5); } } } else { // Seeker bot. if (teamPhase !== "seek") return; tb.flashT -= dt; if (tb.flashT <= 0) { tb.flashT = rrange(3, 7); e.flashOn = tb.mode === "chase" ? true : !e.flashOn; } const foe = teamNearestFoe(e, "hider"); const visible = foe ? canSee(e, foe) : false; if (visible && foe) { tb.mode = "chase"; tb.lastSeen = { x: foe.x, z: foe.z, f: floorIndex(foe.y) }; tb.path = []; tb.pathI = 0; } if (tb.mode === "chase" && tb.lastSeen) { const seen = tb.lastSeen; const dx = seen.x - e.x, dz = seen.z - e.z; const dSeen = Math.hypot(dx, dz); e.yaw = Math.atan2(-dx, -dz); if (visible && foe && Math.hypot(foe.x - e.x, foe.z - e.z) <= TAG_RANGE * 0.9) { teamAttemptTag(e); return; } if (!visible && dSeen < 0.4) { tb.mode = "lookAround"; tb.lookT = 2.2; return; } const moved = moveEntity(e, dx, dz, WALK_SPEED, dt); if (moved > 0) { e.stepAcc += moved; if (e.stepAcc > 1.45) { e.stepAcc = 0; teamEmitNoise(e, "creak", 0.7); } } } else if (tb.mode === "lookAround") { tb.lookT -= dt; e.yaw += dt * 2.4; if (foe && Math.hypot(foe.x - e.x, foe.z - e.z) < TAG_RANGE && canSee(e, foe)) teamAttemptTag(e); if (tb.lookT <= 0) { tb.mode = "patrol"; tb.path = []; tb.goal = null; } } else { if (tb.mode !== "patrol") { tb.mode = "patrol"; tb.path = []; tb.goal = null; } if (tb.pathI >= tb.path.length && !tb.goal) { const n = rpick(NODES.map((_, i) => i).filter((i) => i !== nearestNode(e.x, e.z, floorIndex(e.y)))); tb.path = findPath(nearestNode(e.x, e.z, floorIndex(e.y)), n); tb.pathI = 0; tb.goal = { x: NODES[n].x, z: NODES[n].z }; } const arrived = teamBotFollow(e, tb, dt, WALK_SPEED * 0.85); if (arrived) { tb.goal = null; tb.path = []; tb.pathI = 0; } } } } // ── Apply one human's input to their entity (host authoritative) ── function teamApplyInput(e: Entity, inp: any, dt: number) { if (e.out) return; const frozen = teamPhase === "hide" && e.role === "seeker"; if (!frozen && !e.hidden) { const mvx = (inp.mv && +inp.mv.x) || 0, mvy = (inp.mv && +inp.mv.y) || 0; const f = forwardOf(e); const rgt = { x: -f.z, z: f.x }; const wx2 = f.x * mvy + rgt.x * mvx, wz2 = f.z * mvy + rgt.z * mvx; e.sneak = !!inp.sn; const speed = e.crouch ? CROUCH_SPEED : e.sneak ? SNEAK_SPEED : WALK_SPEED; const moved = moveEntity(e, wx2, wz2, (Math.abs(mvx) > 0.01 || Math.abs(mvy) > 0.01) ? speed : 0, dt); if (moved > 0 && !(e.sneak || e.crouch)) { e.stepAcc += moved; if (e.stepAcc > 1.45) { e.stepAcc = 0; teamEmitNoise(e, "creak", 0.65 + rng() * 0.35); } } } if (e.role === "hider") { if (inp.pk && e.peekCd <= 0 && e.peekT <= 0) { e.peekT = PEEK_TIME; e.peekCd = PEEK_COOLDOWN; teamEmitNoise(e, "peek", 0.5); } if (e.peekT > 0) { e.peekT -= dt; if (!inp.pk) e.peekT = 0; } if (e.peekCd > 0) e.peekCd -= dt; } } // ── Invites: decrement windows, AI-fill on deadline ── function teamTickInvites(dt: number) { if (!teamInvites.length) return; const ms = dt * 1000; for (const inv of teamInvites) inv.remainMs -= ms; const expired = teamInvites.filter((i) => i.remainMs <= 0); for (const inv of expired) { const e = teamEnts.find((x) => x.slot === inv.slot); if (e && !e.peer) { /* already a bot */ } if (e && e.peer == null) { e.isBot = true; e.name = "Bot " + (inv.slot + 1); } if (teamMode === "host") teamEvOut.push({ k: "slotFilled", slot: inv.slot, bot: true }); } teamInvites = teamInvites.filter((i) => i.remainMs > 0); } // Host: a client accepted an invite. First accept for a slot claims it. function teamHandleAccept(peerId: string, matchId: number, slot: number): boolean { if (matchId !== teamMatchId) return false; const inv = teamInvites.find((i) => i.slot === slot); if (!inv) return false; const e = teamEnts.find((x) => x.slot === slot); if (!e || e.peer) return false; e.peer = peerId; e.isBot = false; e.name = teamOppLabels[peerId] || "Player"; teamInvites = teamInvites.filter((i) => i.slot !== slot); if (teamMode === "host") teamEvOut.push({ k: "slotFilled", slot, peer: peerId }); return true; } // Open an invite for every empty (peerless) seat in the current match. function teamOpenInvites(present: string[]) { const assigned = new Set(teamEnts.map((e) => e.peer).filter(Boolean) as string[]); const eligible = present.filter((p) => !assigned.has(p)); teamInvites = []; for (const e of teamEnts) { if (!e.peer) { teamInvites.push({ matchId: teamMatchId, team: e.team, slot: e.slot, remainMs: INVITE_WINDOW_MS }); if (teamMode === "host" && eligible.length) teamEvOut.push({ k: "invite", matchId: teamMatchId, team: e.team, slot: e.slot, deadline: INVITE_WINDOW_MS }); } } } // ── The team sim step (host + solo). Clients predict via teamClientStep. ── function teamStep(dt: number) { teamClock += dt; teamNoise = []; // Invites tick in every phase: the seat already holds an AI bot (anti-stall), and an // accepted invite swaps the bot out for the human. On the deadline the bot stays. teamTickInvites(dt); if (teamPhase === "hide" || teamPhase === "seek") { const localE = teamLocalEnt(); for (const e of teamEnts) { if (e.out) continue; if (e === localE) { teamApplyInput(e, { mv: input.move, sn: input.sneak, pk: input.peek }, dt); // Local discrete edges. if (input.actEdge) { input.actEdge = false; if (e.role === "seeker" && teamPhase === "seek") teamAttemptTag(e); else if (e.role === "hider") teamTryEnterExit(e); } if (input.flashEdge) { input.flashEdge = false; if (e.role === "seeker") e.flashOn = !e.flashOn; } } else if (e.peer) { const inp = teamInputs[e.peer]; if (inp) { teamApplyInput(e, inp, dt); if (typeof inp.yw === "number") e.yaw = inp.yw; if (typeof inp.pt === "number") e.pitch = inp.pt; const fq = inp.fq | 0; const key = "f_" + e.peer; const prevF = (teamInputs as any)[key] | 0; if (fq > prevF) { (teamInputs as any)[key] = fq; if (e.role === "seeker") e.flashOn = !e.flashOn; } const aq = inp.aq | 0; const akey = "a_" + e.peer; const prevA = (teamInputs as any)[akey] | 0; if (aq > prevA) { (teamInputs as any)[akey] = aq; if (e.role === "seeker" && teamPhase === "seek") teamAttemptTag(e); else if (e.role === "hider") teamTryEnterExit(e); } } } else { teamBotUpdate(e, dt); } } // Deliver noise to seeker bots so they can investigate. for (const n of teamNoise) teamBotHear(n); teamPhaseT -= dt; if (teamPhaseT <= 0) { if (teamPhase === "hide") { teamPhase = "seek"; teamPhaseT = TEAM_SEEK_SECONDS; uiDirty = true; } else if (teamPhase === "seek") { teamEndRound((1 - teamSeekTeam) as 0 | 1, null); } // timer expiry: hiding team wins } } else if (teamPhase === "roundEnd") { teamPhaseT -= dt; if (teamPhaseT <= 0) teamAdvanceAfterRound(); } else if (teamPhase === "matchEnd") { teamPhaseT -= dt; if (teamPhaseT <= 0 && teamKind === "tournament") { // Advance the bracket: starts the next live match (phase -> hide) or crowns a // champion (phase -> bracketEnd), so this branch does not re-enter. teamPhaseT = 0; teamNextBracketMatch(); } } if (teamMode === "host" && teamNoise.length && teamEvOut.length < 64) { for (const n of teamNoise) teamEvOut.push({ k: "noise", kind: n.kind, by: n.by, x: n.x, z: n.z, y: n.y, loud: n.loud }); } } function teamTryEnterExit(e: Entity): boolean { if (e.role !== "hider") return false; if (e.hidden) { const s = spotById(e.hidden)!; e.hidden = null; e.crouch = false; e.x = s.ex; e.z = s.ez; e.y = s.floor * FLOOR_H; return true; } const f = floorIndex(e.y); for (const s of SPOTS) { if (s.floor !== f) continue; if (teamEnts.some((o) => o !== e && o.hidden === s.id)) continue; // one hider per spot if (Math.hypot(e.x - s.ex, e.z - s.ez) <= INTERACT_RANGE) { e.hidden = s.id; e.crouch = s.crouch; e.x = s.x; e.z = s.z; e.y = s.floor * FLOOR_H; return true; } } return false; } function teamBotHear(n: NoiseEvent) { if (teamPhase !== "seek") return; const noisy = teamEnts.find((e) => e.slot === n.by); if (!noisy) return; // Only seeker BOTS on the opposing team react to the noise (steer their patrol toward it). for (const e of teamEnts) { if (e.team !== noisy.team && e.role === "seeker" && !e.peer && !e.out) { const tb = teamBots[e.slot]; if (tb && tb.mode !== "chase") { teamBotPathTo(e, tb, n.x, n.z, n.y > 1.5 ? 1 : 0); tb.mode = "patrol"; } } } } // ── Client prediction for the team path ── const teamRemote: Record = {}; let teamActSeq = 0, teamFlashSeq = 0; function teamClientStep(dt: number) { teamClock += dt; if (teamPhase === "hide" || teamPhase === "seek") { const e = teamLocalEnt(); if (e && !e.out) { const frozen = teamPhase === "hide" && e.role === "seeker"; if (!frozen && !e.hidden) { const f = forwardOf(e); const rgt = { x: -f.z, z: f.x }; const mx = f.x * input.move.y + rgt.x * input.move.x, mz = f.z * input.move.y + rgt.z * input.move.x; e.sneak = input.sneak; const speed = e.crouch ? CROUCH_SPEED : e.sneak ? SNEAK_SPEED : WALK_SPEED; moveEntity(e, mx, mz, (Math.abs(input.move.x) > 0.01 || Math.abs(input.move.y) > 0.01) ? speed : 0, dt); } if (input.actEdge) { input.actEdge = false; teamActSeq++; } if (input.flashEdge) { input.flashEdge = false; if (e.role === "seeker") teamFlashSeq++; } if (e.role === "hider") { if (input.peek && e.peekCd <= 0 && e.peekT <= 0) { e.peekT = PEEK_TIME; e.peekCd = PEEK_COOLDOWN; } if (e.peekT > 0) { e.peekT -= dt; if (!input.peek) e.peekT = 0; } if (e.peekCd > 0) e.peekCd -= dt; } } for (const o of teamEnts) { if (o === e) continue; const r = teamRemote[o.slot]; if (r && r.active) { const k = Math.min(1, dt * 12); o.x += (r.x - o.x) * k; o.y += (r.y - o.y) * k; o.z += (r.z - o.z) * k; const dy = Math.atan2(Math.sin(r.yaw - o.yaw), Math.cos(r.yaw - o.yaw)); o.yaw += dy * k; } } teamPhaseT = Math.max(0, teamPhaseT - dt); } else if (teamPhase === "roundEnd") { teamPhaseT = Math.max(0, teamPhaseT - dt); } } // ── Net packing / apply ── function teamPackEnt(e: Entity) { return { id: e.slot, tm: e.team, ot: e.out ? 1 : 0, pr: e.peer, bt: e.isBot ? 1 : 0, x: Math.round(e.x * 1000) / 1000, y: Math.round(e.y * 1000) / 1000, z: Math.round(e.z * 1000) / 1000, yw: Math.round(e.yaw * 1000) / 1000, pt: Math.round(e.pitch * 1000) / 1000, rl: e.role, cr: e.crouch ? 1 : 0, sn: e.sneak ? 1 : 0, hd: e.hidden, fl: e.flashOn ? 1 : 0, }; } function teamHostSnapshot() { return { t: "th", ph: teamPhase, tm: teamPhaseT, rd: teamRound, seek: teamSeekTeam, sc: [teamRoundWins[0], teamRoundWins[1]], tg: [teamTagsTotal[0], teamTagsTotal[1]], mw: teamMatchWinner, ch: teamChampion, mid: teamMatchId, kind: teamKind, br: bracket.map((b) => ({ l: b.label, a: b.alive ? 1 : 0, n: b.peers.length })), ents: teamEnts.map(teamPackEnt), ev: teamEvOut, }; } // Client: apply a host team snapshot. function teamApplyHost(m: any) { const prevPhase = teamPhase; teamKind = m.kind === "tournament" ? "tournament" : "team"; if (["invite", "hide", "seek", "roundEnd", "matchEnd", "bracketEnd", "lobby"].includes(m.ph)) teamPhase = m.ph; if (typeof m.tm === "number") teamPhaseT = m.tm; teamRound = m.rd | 0; teamSeekTeam = (m.seek | 0) as 0 | 1; teamRoundWins = [(m.sc && m.sc[0]) | 0, (m.sc && m.sc[1]) | 0]; teamTagsTotal = [(m.tg && m.tg[0]) | 0, (m.tg && m.tg[1]) | 0]; teamMatchWinner = m.mw === 0 || m.mw === 1 ? m.mw : null; teamChampion = m.ch || null; teamMatchId = m.mid | 0; if (Array.isArray(m.br)) bracket = m.br.map((b: any) => ({ label: b.l, alive: !!b.a, peers: new Array(b.n | 0).fill("") })); // Rebuild / update entity array from the packed snapshot. const bySlot: Record = {}; for (const e of teamEnts) bySlot[e.slot] = e; const next: Entity[] = []; for (const pe of (m.ents || [])) { let e = bySlot[pe.id]; if (!e) { e = makeEntity(pe.pr === teamLocalId ? "You" : (pe.bt ? "Bot" : "Player"), !!pe.bt); } e.slot = pe.id; e.team = pe.tm; e.out = !!pe.ot; e.peer = pe.pr || null; e.isBot = !!pe.bt; e.role = pe.rl === "seeker" ? "seeker" : "hider"; e.crouch = !!pe.cr; e.sneak = !!pe.sn; e.hidden = pe.hd || null; e.flashOn = !!pe.fl; const isLocal = e.peer === teamLocalId; if (isLocal) { e.pitch = e.pitch; // keep local look const d = Math.hypot(e.x - pe.x, e.z - pe.z) + Math.abs(e.y - pe.y); if (!teamRemote[pe.id] || e.hidden || d > 2.5) { e.x = pe.x; e.y = pe.y; e.z = pe.z; if (!teamRemote[pe.id]) e.yaw = +pe.yw || 0; } else if (d > 0.35) { e.x += (pe.x - e.x) * 0.25; e.y += (pe.y - e.y) * 0.25; e.z += (pe.z - e.z) * 0.25; } teamRemote[pe.id] = { x: pe.x, y: pe.y, z: pe.z, yaw: e.yaw, active: true }; } else { e.pitch = +pe.pt || 0; if (!teamRemote[pe.id]) { e.x = pe.x; e.y = pe.y; e.z = pe.z; e.yaw = pe.yw; } teamRemote[pe.id] = { x: pe.x, y: pe.y, z: pe.z, yaw: pe.yw, active: true }; } next.push(e); } teamEnts = next; for (const ev of (m.ev || [])) { if (ev && ev.k === "noise") teamEvIn.push({ kind: ev.kind, by: ev.by, x: ev.x, z: ev.z, y: ev.y, loud: ev.loud }); else if (ev && ev.k === "invite") teamOnInvite(ev); else if (ev && ev.k === "slotFilled") { teamInvites = teamInvites.filter((i) => i.slot !== ev.slot); teamPendingInvite = teamPendingInvite && teamPendingInvite.slot === ev.slot ? null : teamPendingInvite; uiDirty = true; } else uiDirty = true; } if (teamPhase !== prevPhase) uiDirty = true; if (!teamHaveHostState) { teamHaveHostState = true; showWaiting(false); } } // Client-side invite prompt state. let teamPendingInvite: { matchId: number; slot: number; team: 0 | 1; deadlineMs: number } | null = null; function teamOnInvite(ev: any) { // Only surface if this client is not already seated in the live match. if (teamEnts.some((e) => e.peer === teamLocalId)) return; teamPendingInvite = { matchId: ev.matchId, slot: ev.slot, team: ev.team, deadlineMs: ev.deadline || INVITE_WINDOW_MS }; uiDirty = true; } function teamAcceptInvite() { if (!teamPendingInvite) return; const bus = teamBus(); teamActSeq = teamActSeq; // no-op keep if (bus && bus.send) bus.send({ t: "tc", accept: { mid: teamPendingInvite.matchId, slot: teamPendingInvite.slot }, id: teamLocalId }); teamPendingInvite = null; uiDirty = true; } function teamOnMessage(m: any) { if (!m || typeof m !== "object") return; if (m.t === "th" && teamMode === "client") teamApplyHost(m); else if (m.t === "tc" && teamMode === "host") { if (m.accept) { teamHandleAccept(m.id || m.from || "", m.accept.mid, m.accept.slot); return; } if (m.id) teamInputs[m.id] = m; } } function teamClientPacket() { const e = teamLocalEnt(); return { t: "tc", id: teamLocalId, mv: { x: input.move.x, y: input.move.y }, yw: e ? e.yaw : 0, pt: e ? e.pitch : 0, sn: input.sneak ? 1 : 0, pk: (input.peek || (e && e.peekT > 0)) ? 1 : 0, aq: teamActSeq, fq: teamFlashSeq, px: e ? Math.round(e.x * 1000) / 1000 : 0, py: e ? Math.round(e.y * 1000) / 1000 : 0, pz: e ? Math.round(e.z * 1000) / 1000 : 0, }; } function teamNetTick() { if (teamMode === "solo") return; const bus = teamBus(); if (!bus || !bus.connected) return; const now = Date.now(); if (now - mpLastNet < Math.round(1000 / MP_SEND_HZ)) return; mpLastNet = now; if (teamMode === "host") { bus.send(teamHostSnapshot()); teamEvOut = []; } else bus.send(teamClientPacket()); } // ── Entry points from the menu (season-pass gated) ── function teamStartSolo(kind: TeamModeKind, opts?: { humans?: number; size?: number; teams?: number; seed?: number }) { teamActive = true; teamKind = kind; teamMode = "solo"; teamLocalId = "host"; teamHaveHostState = true; teamNotice = ""; teamMatchSize = (opts && opts.size) || (kind === "tournament" ? MATCH_TEAM_SIZE : 3); teamLocalId = "host"; const humans = Math.max(1, (opts && opts.humans) || 1); // Local player + (humans-1) placeholder peers seed the bracket; AI backfills the rest. const peers = ["host"]; for (let i = 1; i < humans; i++) peers.push("sim-peer-" + i); if (kind === "tournament") { teamSeedBracket(peers, (opts && opts.teams) || BRACKET_TEAMS); bracketPairI = 0; const [a, b] = bracketRoundPairs[0]; teamBuildMatch(a, b); teamStartMatch(); } else { teamSeedBracket(peers, 2); teamBuildMatch(0, 1); teamStartMatch(); } uiDirty = true; } // ── Online team / tournament (host-authoritative over the shared §128 bus) ── let teamSearching = false; function teamWire() { const bus = teamBus(); if (!bus || teamWired) return; teamWired = true; bus.on("message", teamOnMessage); bus.on("players", teamRosterChanged); bus.on("status", teamStatusChanged); } function teamBeginOnline(kind: TeamModeKind) { teamActive = true; teamKind = kind; teamPhase = "lobby"; teamSearching = true; teamHaveHostState = false; teamNotice = ""; const bus = teamBus(); if (!bus || typeof bus.connect !== "function") { teamStartSolo(kind); return; } teamWire(); showWaiting(true, "Finding players..."); Promise.resolve(bus.connect()).then(() => { teamLocalId = String(bus.id); if (bus.status === "offline") { teamStartSolo(kind); return; } teamRosterChanged(); }).catch(() => teamStartSolo(kind)); } function teamStatusChanged(s: string) { if (s !== "offline") return; if (teamSearching) { teamStartSolo(teamKind); } } function teamRosterChanged() { const bus = teamBus(); if (!bus) return; teamLocalId = String(bus.id); const n = bus.connected ? (bus.players || []).length : 0; if (bus.isHost) { teamMode = "host"; if (teamSearching && n >= 2 && teamPhase === "lobby") { teamSearching = false; showWaiting(false); const peers = (bus.players || []).map((p: any) => String(p.id)); teamStartOnlineMatch(peers); } else if (!teamSearching) { teamHandleDisconnects(); } } else { teamMode = "client"; // A non-host client waits for the first host snapshot (teamApplyHost). } } function teamStartOnlineMatch(peerIds: string[]) { teamMode = "host"; teamHaveHostState = true; teamMatchSize = teamKind === "tournament" ? MATCH_TEAM_SIZE : Math.max(1, teamMatchSize); if (teamKind === "tournament") { teamSeedBracket(peerIds, BRACKET_TEAMS); const [a, b] = bracketRoundPairs[0]; teamBuildMatch(a, b); teamStartMatch(); } else { teamSeedBracket(peerIds, 2); teamBuildMatch(0, 1); teamStartMatch(); } uiDirty = true; } function teamHandleDisconnects() { if (teamMode !== "host") return; const bus = teamBus(); const present = new Set(((bus && bus.players) || []).map((p: any) => String(p.id))); present.add(teamLocalId); let changed = false; for (const e of teamEnts) { if (e.peer && !present.has(e.peer)) { e.peer = null; e.isBot = true; e.name = "Bot " + (e.slot + 1); const tb = teamBots[e.slot]; if (tb) { tb.mode = e.role === "seeker" ? "patrol" : (e.hidden ? "hiddenWait" : "idle"); tb.path = []; tb.pathI = 0; tb.goal = null; } teamEvOut.push({ k: "takeover", slot: e.slot }); changed = true; } } if (changed) { teamNotice = "A player left. AI has taken over their spot."; uiDirty = true; } } // ═══ AUDIO (synthesized WebAudio, no asset files) ═══ const AudioSys = { ctx: null as AudioContext | null, master: null as GainNode | null, noiseBuf: null as AudioBuffer | null, breathGain: null as GainNode | null, enabled: true, heartT: 0, ready(): boolean { return !!this.ctx && this.ctx.state === "running"; }, init() { if (this.ctx) { this.ctx.resume().catch(() => undefined); return; } try { const AC = (window as any).AudioContext || (window as any).webkitAudioContext; if (!AC) return; const ctx: AudioContext = new AC(); this.ctx = ctx; const master = ctx.createGain(); master.gain.value = this.enabled ? 0.9 : 0; master.connect(ctx.destination); this.master = master; // Shared 1s white-noise buffer. const buf = ctx.createBuffer(1, ctx.sampleRate, ctx.sampleRate); const d = buf.getChannelData(0); for (let i = 0; i < d.length; i++) d[i] = Math.random() * 2 - 1; this.noiseBuf = buf; // Continuous breathing bed (gain driven per frame). const src = ctx.createBufferSource(); src.buffer = buf; src.loop = true; const lp = ctx.createBiquadFilter(); lp.type = "lowpass"; lp.frequency.value = 380; lp.Q.value = 0.6; const g = ctx.createGain(); g.gain.value = 0; src.connect(lp); lp.connect(g); g.connect(master); src.start(); this.breathGain = g; ctx.resume().catch(() => undefined); } catch (_e) { /* audio unavailable (headless) */ } }, setEnabled(on: boolean) { this.enabled = on; if (this.master && this.ctx) this.master.gain.setTargetAtTime(on ? 0.9 : 0, this.ctx.currentTime, 0.05); }, // Panned, distance-attenuated floorboard creak (filtered noise burst). creak(pan: number, vol: number, pitch: number) { if (!this.ready() || !this.noiseBuf) return; const ctx = this.ctx!; try { const src = ctx.createBufferSource(); src.buffer = this.noiseBuf; src.playbackRate.value = pitch; const bp = ctx.createBiquadFilter(); bp.type = "bandpass"; bp.frequency.value = 320 + pitch * 480; bp.Q.value = 3.5; const g = ctx.createGain(); const t = ctx.currentTime; g.gain.setValueAtTime(0, t); g.gain.linearRampToValueAtTime(vol, t + 0.02); g.gain.exponentialRampToValueAtTime(0.0001, t + 0.22); const p = ctx.createStereoPanner(); p.pan.value = Math.max(-1, Math.min(1, pan)); src.connect(bp); bp.connect(g); g.connect(p); p.connect(this.master!); src.start(t, rng() * 0.6, 0.3); } catch (_e) { /* ignore */ } }, // Low sine heartbeat thump. thump(vol: number) { if (!this.ready()) return; const ctx = this.ctx!; try { const o = ctx.createOscillator(); o.type = "sine"; o.frequency.value = 54; const g = ctx.createGain(); const t = ctx.currentTime; g.gain.setValueAtTime(0, t); g.gain.linearRampToValueAtTime(vol, t + 0.015); g.gain.exponentialRampToValueAtTime(0.0001, t + 0.16); o.connect(g); g.connect(this.master!); o.start(t); o.stop(t + 0.2); } catch (_e) { /* ignore */ } }, // Soft airy cue for the hider's peek (heard by the seeker). swish(pan: number, vol: number) { if (!this.ready() || !this.noiseBuf) return; const ctx = this.ctx!; try { const src = ctx.createBufferSource(); src.buffer = this.noiseBuf; src.playbackRate.value = 1.6; const hp = ctx.createBiquadFilter(); hp.type = "highpass"; hp.frequency.value = 1800; const g = ctx.createGain(); const t = ctx.currentTime; g.gain.setValueAtTime(0, t); g.gain.linearRampToValueAtTime(vol * 0.5, t + 0.05); g.gain.exponentialRampToValueAtTime(0.0001, t + 0.4); const p = ctx.createStereoPanner(); p.pan.value = Math.max(-1, Math.min(1, pan)); src.connect(hp); hp.connect(g); g.connect(p); p.connect(this.master!); src.start(t, rng() * 0.5, 0.5); } catch (_e) { /* ignore */ } }, }; // Pan + attenuation of a world position relative to the listener (P0). function spatialize(x: number, z: number): { pan: number; att: number } { const dx = x - P0.x, dz = z - P0.z; const dist = Math.hypot(dx, dz); const f = forwardOf(P0); const rightX = -f.z, rightZ = f.x; const pan = dist < 0.2 ? 0 : (dx * rightX + dz * rightZ) / dist; const att = 1 / (1 + dist * 0.35); return { pan, att }; } function audioTick(dt: number) { if (!AudioSys.ready()) return; // Noise events made by the OTHER player are audible to the human. for (const n of noiseEvents) { if (n.by === 0) continue; const s = spatialize(n.x, n.z); const cross = Math.abs(n.y - P0.y) > 1.6 ? 0.55 : 1; // muffled through the floor if (n.kind === "creak") AudioSys.creak(s.pan, n.loud * s.att * cross, rrange(0.55, 1.5)); else AudioSys.swish(s.pan, n.loud * s.att * cross); } if (phase !== "seek" && phase !== "hide") { if (AudioSys.breathGain) AudioSys.breathGain.gain.value = 0; return; } const seeker = ENTS[seekerIdx()]; const meHider = P0.role === "hider"; const d = distTo(P0, ENTS[1]); // Heartbeat for the hider, faster and louder as the seeker closes in. if (meHider && phase === "seek" && d < 16) { AudioSys.heartT -= dt; if (AudioSys.heartT <= 0) { const closeness = 1 - Math.min(1, d / 16); AudioSys.heartT = 1.5 - closeness * 1.05; AudioSys.thump(0.10 + closeness * 0.4); } } // Soft breathing swell when the seeker is within ~4m of the hider. if (AudioSys.breathGain && AudioSys.ctx) { const near = meHider && phase === "seek" && d < 4 && seeker === ENTS[1]; const target = near ? (1 - d / 4) * 0.06 : 0; AudioSys.breathGain.gain.setTargetAtTime(target, AudioSys.ctx.currentTime, 0.25); } } // ═══ INPUT ═══ const input = { move: { x: 0, y: 0 }, // strafe (+right), forward (+ahead) sneak: false, peek: false, actEdge: false, flashEdge: false, }; const keys: Record = {}; function refreshMoveFromKeys() { input.move.x = (keys["KeyD"] ? 1 : 0) - (keys["KeyA"] ? 1 : 0); input.move.y = (keys["KeyW"] ? 1 : 0) - (keys["KeyS"] ? 1 : 0); input.sneak = !!keys["ShiftLeft"] || !!keys["ShiftRight"]; input.peek = !!keys["KeyQ"]; } window.addEventListener("keydown", (ev) => { if (ev.repeat) return; keys[ev.code] = true; if (ev.code === "KeyE") input.actEdge = true; if (ev.code === "KeyF") input.flashEdge = true; refreshMoveFromKeys(); AudioSys.init(); }); window.addEventListener("keyup", (ev) => { keys[ev.code] = false; refreshMoveFromKeys(); }); const LOOK_SENS = 0.0024; function applyLook(dx: number, dy: number) { P0.yaw -= dx * LOOK_SENS; P0.pitch -= dy * LOOK_SENS; P0.pitch = Math.max(-1.35, Math.min(1.35, P0.pitch)); } const IS_TOUCH = "ontouchstart" in window && navigator.maxTouchPoints > 0; function setupMobileControls(root: HTMLElement) { const zone = document.createElement("div"); zone.style.cssText = "position:absolute;inset:0;z-index:5;touch-action:none;"; root.appendChild(zone); const stick = document.createElement("div"); stick.style.cssText = "position:absolute;left:26px;bottom:26px;width:110px;height:110px;border-radius:50%;border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.05);pointer-events:none;"; const nub = document.createElement("div"); nub.style.cssText = "position:absolute;left:40px;top:40px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.35);"; stick.appendChild(nub); zone.appendChild(stick); function mkBtn(label: string, right: number, bottom: number): HTMLButtonElement { const b = document.createElement("button"); b.textContent = label; b.style.cssText = `position:absolute;right:${right}px;bottom:${bottom}px;width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,255,255,0.3);background:rgba(20,24,34,0.55);color:#dfe6f5;font:600 12px system-ui;z-index:6;`; zone.appendChild(b); return b; } const actB = mkBtn("ACT", 24, 30); const flashB = mkBtn("LIGHT", 108, 60); const peekB = mkBtn("PEEK", 108, 60); actB.addEventListener("touchstart", (e) => { e.preventDefault(); input.actEdge = true; AudioSys.init(); }); flashB.addEventListener("touchstart", (e) => { e.preventDefault(); input.flashEdge = true; AudioSys.init(); }); peekB.addEventListener("touchstart", (e) => { e.preventDefault(); input.peek = true; }); peekB.addEventListener("touchend", () => { input.peek = false; }); let joyId: number | null = null, joyX = 0, joyY = 0; let lookId: number | null = null, lastLX = 0, lastLY = 0; zone.addEventListener("touchstart", (e) => { AudioSys.init(); for (const t of Array.from(e.changedTouches)) { if ((e.target as HTMLElement).tagName === "BUTTON") continue; if (t.clientX < window.innerWidth * 0.45 && joyId === null) { joyId = t.identifier; joyX = t.clientX; joyY = t.clientY; } else if (lookId === null) { lookId = t.identifier; lastLX = t.clientX; lastLY = t.clientY; } } }, { passive: true }); zone.addEventListener("touchmove", (e) => { for (const t of Array.from(e.changedTouches)) { if (t.identifier === joyId) { const dx = (t.clientX - joyX) / 46, dy = (t.clientY - joyY) / 46; const m = Math.hypot(dx, dy) || 1; input.move.x = Math.max(-1, Math.min(1, dx / Math.max(1, m))); input.move.y = Math.max(-1, Math.min(1, -dy / Math.max(1, m))); input.sneak = m < 0.55; // gentle drag = sneak nub.style.left = `${40 + Math.max(-38, Math.min(38, t.clientX - joyX))}px`; nub.style.top = `${40 + Math.max(-38, Math.min(38, t.clientY - joyY))}px`; } else if (t.identifier === lookId) { applyLook((t.clientX - lastLX) * 2.4, (t.clientY - lastLY) * 2.4); lastLX = t.clientX; lastLY = t.clientY; } } }, { passive: true }); const clear = (e: TouchEvent) => { for (const t of Array.from(e.changedTouches)) { if (t.identifier === joyId) { joyId = null; input.move.x = 0; input.move.y = 0; input.sneak = false; nub.style.left = "40px"; nub.style.top = "40px"; } if (t.identifier === lookId) lookId = null; } }; zone.addEventListener("touchend", clear); zone.addEventListener("touchcancel", clear); // Show only the button relevant to the current role. setInterval(() => { const seeking = P0.role === "seeker"; flashB.style.display = seeking ? "block" : "none"; peekB.style.display = seeking ? "none" : "block"; actB.textContent = seeking ? "TAG" : "HIDE"; }, 500); } // ═══ RENDER ═══ const root = document.getElementById("mcpity-root") || document.body; (root as HTMLElement).style.overflow = "hidden"; (root as HTMLElement).style.background = "#000"; const renderer = new THREE.WebGLRenderer({ antialias: false, preserveDrawingBuffer: true, powerPreference: "high-performance" }); renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2)); renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFShadowMap; renderer.domElement.style.cssText = "position:absolute;inset:0;display:block;"; root.appendChild(renderer.domElement); const scene = new THREE.Scene(); scene.background = new THREE.Color(0x010208); scene.fog = new THREE.FogExp2(0x02030a, 0.042); const camera = new THREE.PerspectiveCamera(72, 1, 0.08, 60); camera.rotation.order = "YXZ"; scene.add(camera); function sizeRenderer() { const w = (root as HTMLElement).clientWidth || window.innerWidth; const h = (root as HTMLElement).clientHeight || window.innerHeight; renderer.setSize(w, h, false); renderer.domElement.style.width = "100%"; renderer.domElement.style.height = "100%"; camera.aspect = w / h; camera.updateProjectionMatrix(); } window.addEventListener("resize", sizeRenderer); // Cheap materials only; the flashlight is the sole shadow caster in the scene. const MAT = { wall: new THREE.MeshLambertMaterial({ color: 0x8d8579 }), floor: new THREE.MeshLambertMaterial({ color: 0x6b5a48 }), floorUp: new THREE.MeshLambertMaterial({ color: 0x5f5446 }), ceil: new THREE.MeshLambertMaterial({ color: 0x3f4048 }), stair: new THREE.MeshLambertMaterial({ color: 0x715e49 }), dark: new THREE.MeshLambertMaterial({ color: 0x4a4038 }), bed: new THREE.MeshLambertMaterial({ color: 0x55617a }), closet: new THREE.MeshLambertMaterial({ color: 0x584732 }), counter: new THREE.MeshLambertMaterial({ color: 0x51585e }), curtain: new THREE.MeshLambertMaterial({ color: 0x2c3854, side: THREE.DoubleSide }), window: new THREE.MeshBasicMaterial({ color: 0x7d92c6 }), bot: new THREE.MeshLambertMaterial({ color: 0x39424f, emissive: 0x0c1016 }), }; const GEO_BOX = new THREE.BoxGeometry(1, 1, 1); function addBox(minX: number, maxX: number, minZ: number, maxZ: number, y0: number, y1: number, mat: THREE.Material, shadows = true): THREE.Mesh { const m = new THREE.Mesh(GEO_BOX, mat); m.position.set((minX + maxX) / 2, (y0 + y1) / 2, (minZ + maxZ) / 2); m.scale.set(Math.max(0.01, maxX - minX), Math.max(0.01, y1 - y0), Math.max(0.01, maxZ - minZ)); if (shadows) { m.castShadow = true; m.receiveShadow = true; } scene.add(m); return m; } // Furniture: visual box that is ALSO a collider (pushed into the physics wall list). function furn(minX: number, maxX: number, minZ: number, maxZ: number, y0: number, y1: number, mat: THREE.Material): THREE.Mesh { box(minX, maxX, minZ, maxZ, y0, y1); return addBox(minX, maxX, minZ, maxZ, y0, y1, mat); } function buildHouse() { // Wall meshes straight from the physics boxes. for (const w of walls) addBox(w.minX, w.maxX, w.minZ, w.maxZ, w.minY, w.maxY, MAT.wall); // Slabs. Ground floor, then the upper slab in pieces around the stairwell hole. addBox(-7, 7, -5, 5, -0.15, 0, MAT.floor); addBox(-7, STAIR.minX, -5, 5, FLOOR_H - 0.15, FLOOR_H, MAT.floorUp); addBox(STAIR.minX, 7, -5, STAIR.minZ, FLOOR_H - 0.15, FLOOR_H, MAT.floorUp); addBox(STAIR.minX, 7, STAIR.maxZ, 5, FLOOR_H - 0.15, FLOOR_H, MAT.floorUp); addBox(STAIR.maxX, 7, STAIR.minZ, STAIR.maxZ, FLOOR_H - 0.15, FLOOR_H, MAT.floorUp); addBox(-7, 7, -5, 5, 2 * FLOOR_H, 2 * FLOOR_H + 0.15, MAT.ceil); // Staircase steps. const stepCount = 12; const depth = (STAIR.maxZ - STAIR.minZ) / stepCount; for (let i = 0; i < stepCount; i++) { const z0 = STAIR.minZ + i * depth; addBox(STAIR.minX, STAIR.maxX, z0, z0 + depth, 0, ((i + 1) / stepCount) * FLOOR_H, MAT.stair, false); } // Windows: dim bluish emissive quads on interior faces + a few faint moon lights. const winGeo = new THREE.PlaneGeometry(1.25, 1.5); for (const w of WINDOWS) { const cy = w.floor * FLOOR_H + 1.75; const mesh = new THREE.Mesh(winGeo, MAT.window); if (w.wall === "W") { mesh.position.set(-7 + 0.07, cy, w.at); mesh.rotation.y = Math.PI / 2; } if (w.wall === "E") { mesh.position.set(7 - 0.07, cy, w.at); mesh.rotation.y = -Math.PI / 2; } if (w.wall === "N") { mesh.position.set(w.at, cy, 5 - 0.07); mesh.rotation.y = Math.PI; } if (w.wall === "S") { mesh.position.set(w.at, cy, -5 + 0.07); } scene.add(mesh); if (w.light) { const l = new THREE.PointLight(0x4a5f8f, 2.2, 7.5, 1.5); l.castShadow = false; const off = 0.55; if (w.wall === "W") l.position.set(-7 + off, cy, w.at); if (w.wall === "E") l.position.set(7 - off, cy, w.at); if (w.wall === "N") l.position.set(w.at, cy, 5 - off); if (w.wall === "S") l.position.set(w.at, cy, -5 + off); scene.add(l); } } // Curtains in front of every curtain hiding spot. const curGeo = new THREE.PlaneGeometry(1.6, 2.5); for (const s of SPOTS) { if (s.type !== "curtain") continue; const cy = s.floor * FLOOR_H + 1.3; const mesh = new THREE.Mesh(curGeo, MAT.curtain); const toEntryX = s.ex - s.x, toEntryZ = s.ez - s.z; mesh.position.set(s.x + toEntryX * 0.55, cy, s.z + toEntryZ * 0.55); mesh.rotation.y = Math.atan2(toEntryX, toEntryZ); mesh.castShadow = true; scene.add(mesh); } // Closets: back stays against a wall, open front toward the entry point. for (const s of SPOTS) { if (s.type !== "closet") continue; const y0 = s.floor * FLOOR_H, y1 = y0 + 2.25; const dx = Math.sign(Math.round(s.ex - s.x)); // -1, 0, 1 facing on x const dz = Math.sign(Math.round((s.ez - s.z) * 2) / 2 * 2) || Math.sign(s.ez - s.z); if (Math.abs(s.ex - s.x) > Math.abs(s.ez - s.z)) { // opens along x furn(s.x - dx * 0.45 - 0.06, s.x - dx * 0.45 + 0.06, s.z - 0.62, s.z + 0.62, y0, y1, MAT.closet); // back furn(s.x - 0.5, s.x + 0.5, s.z - 0.62 - 0.05, s.z - 0.62 + 0.05, y0, y1, MAT.closet); furn(s.x - 0.5, s.x + 0.5, s.z + 0.62 - 0.05, s.z + 0.62 + 0.05, y0, y1, MAT.closet); addBox(s.x - 0.5, s.x + 0.5, s.z - 0.65, s.z + 0.65, y1, y1 + 0.08, MAT.closet, false); } else { furn(s.x - 0.62, s.x + 0.62, s.z - dz * 0.45 - 0.06, s.z - dz * 0.45 + 0.06, y0, y1, MAT.closet); furn(s.x - 0.62 - 0.05, s.x - 0.62 + 0.05, s.z - 0.5, s.z + 0.5, y0, y1, MAT.closet); furn(s.x + 0.62 - 0.05, s.x + 0.62 + 0.05, s.z - 0.5, s.z + 0.5, y0, y1, MAT.closet); addBox(s.x - 0.65, s.x + 0.65, s.z - 0.5, s.z + 0.5, y1, y1 + 0.08, MAT.closet, false); } } // Beds (the underbed spots crawl beneath these). furn(-6.1, -3.9, 3.1, 4.7, FLOOR_H + 0.28, FLOOR_H + 0.62, MAT.bed); furn(-1.7, 0.5, 3.1, 4.7, FLOOR_H + 0.28, FLOOR_H + 0.62, MAT.bed); // Bed legs read as a gap you can crouch into: thin posts. for (const [bx, bz] of [[-6.0, 3.2], [-4.0, 3.2], [-6.0, 4.6], [-4.0, 4.6], [-1.6, 3.2], [0.4, 3.2], [-1.6, 4.6], [0.4, 4.6]] as [number, number][]) { addBox(bx - 0.05, bx + 0.05, bz - 0.05, bz + 0.05, FLOOR_H, FLOOR_H + 0.3, MAT.dark, false); } // Kitchen counter with a crawl-in cabinet gap in the middle. furn(2.4, 3.9, -4.8, -4.05, 0, 0.92, MAT.counter); furn(5.1, 6.6, -4.8, -4.05, 0, 0.92, MAT.counter); addBox(2.4, 6.6, -4.85, -4.0, 0.86, 0.96, MAT.counter); // continuous countertop (blocks walking, not crawling) box(2.4, 6.6, -4.85, -4.0, 0.86, 0.96); // Living room sofa + dining table (kept against the west wall, clear of the // hider spawn and the bot's waypoint through the dining room) + study desk. furnitureSwaps.push({ mesh: furn(-5.6, -3.6, -1.35, -0.55, 0, 0.78, MAT.dark), key: "furniture_sofa" }); // decorative + collider; GLB overlay via asset seam furnitureSwaps.push({ mesh: furn(-6.4, -4.6, 1.8, 3.2, 0.68, 0.78, MAT.dark), key: "furniture_table" }); furnitureSwaps.push({ mesh: furn(-6.4, -4.8, -4.7, -3.9, FLOOR_H + 0.68, FLOOR_H + 0.78, MAT.dark), key: "furniture_desk" }); } // Near-black global ambience; windows carry the mood. scene.add(new THREE.AmbientLight(0x101a2c, 0.5)); // Flashlight rig: SpotLight + additive translucent cone so the beam itself is visible // to the hider through doorways. One rig, repositioned onto whichever entity seeks. function makeFlashRig() { const group = new THREE.Group(); const spot = new THREE.SpotLight(0xffe9b8, 0, 24, 0.48, 0.45, 1.1); spot.castShadow = true; spot.shadow.mapSize.set(512, 512); spot.shadow.camera.near = 0.3; spot.shadow.camera.far = 22; spot.position.set(0, 0, 0); spot.target.position.set(0, 0, -1); group.add(spot); group.add(spot.target); const coneGeo = new THREE.CylinderGeometry(0.035, 2.1, 10.5, 14, 1, true); const coneMat = new THREE.MeshBasicMaterial({ color: 0xffedb0, transparent: true, opacity: 0.05, blending: THREE.AdditiveBlending, depthWrite: false, side: THREE.DoubleSide, }); const cone = new THREE.Mesh(coneGeo, coneMat); cone.rotation.x = -Math.PI / 2; cone.position.set(0, 0, -5.25); group.add(cone); scene.add(group); return { group, spot, cone }; } const flashRig = makeFlashRig(); const FLASH_INTENSITY = 26; // Hider peek: narrow, very dim headlamp on the human camera only. const peekLight = new THREE.SpotLight(0x9db4e8, 0, 8.5, 0.27, 0.55, 1.2); peekLight.castShadow = false; peekLight.position.set(0, 0, 0); peekLight.target.position.set(0, 0, -1); camera.add(peekLight); camera.add(peekLight.target); // Bot avatar (visible body for the other player; humans are first person). const botGroup = new THREE.Group(); // Procedural body meshes kept referenced so a store-build opponent GLB can hide // them without disturbing the render/scale code (see preloadAssets()). const botProcedural: THREE.Mesh[] = []; { const body = new THREE.Mesh(new THREE.CapsuleGeometry(0.28, 0.85, 3, 10), MAT.bot); body.position.y = 0.85; body.castShadow = true; const head = new THREE.Mesh(new THREE.SphereGeometry(0.21, 10, 8), MAT.bot); head.position.y = 1.52; head.castShadow = true; botGroup.add(body); botGroup.add(head); botProcedural.push(body, head); scene.add(botGroup); } function eyeHeight(e: Entity): number { return e.crouch || e.hidden ? EYE_CROUCH : EYE_STAND; } function renderTick() { // Camera on the human. camera.position.set(P0.x, P0.y + eyeHeight(P0), P0.z); camera.rotation.y = P0.yaw; camera.rotation.x = P0.pitch; // Bot avatar. botGroup.position.set(P1.x, P1.y, P1.z); botGroup.rotation.y = P1.yaw; const sc = P1.crouch || P1.hidden ? 0.55 : 1; botGroup.scale.set(1, sc, 1); // Flashlight follows the current seeker. const s = ENTS[seekerIdx()]; flashRig.group.position.set(s.x, s.y + eyeHeight(s) - 0.12, s.z); flashRig.group.rotation.order = "YXZ"; flashRig.group.rotation.y = s.yaw; flashRig.group.rotation.x = s.pitch; const flashVisible = s.flashOn && (phase === "seek" || phase === "hide"); flashRig.spot.intensity = flashVisible ? FLASH_INTENSITY : 0; flashRig.cone.visible = flashVisible; // Peek light (human hider only). peekLight.intensity = P0.role === "hider" && P0.peekT > 0 ? 1.6 : 0; renderer.render(scene, camera); } // ═══ UI / HUD ═══ let uiDirty = true; const FONT = "system-ui, -apple-system, 'Segoe UI', sans-serif"; function el(tag: string, css: string, parent: HTMLElement, text?: string): HTMLElement { const d = document.createElement(tag); d.style.cssText = css; if (text) d.textContent = text; parent.appendChild(d); return d; } const hud = el("div", `position:absolute;inset:0;pointer-events:none;font-family:${FONT};color:#dfe6f5;z-index:10;`, root as HTMLElement); const topBar = el("div", "position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center;gap:18px;align-items:center;", hud); const roundLabel = el("div", "font-size:12px;letter-spacing:0.14em;text-transform:uppercase;opacity:0.75;", topBar, "Round 1 of 3"); const timerLabel = el("div", "font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,0.8);", topBar, "3:00"); const roleLabel = el("div", "font-size:12px;letter-spacing:0.14em;text-transform:uppercase;opacity:0.75;", topBar, ""); const scoreRow = el("div", "position:absolute;top:52px;left:0;right:0;text-align:center;font-size:13px;letter-spacing:0.35em;opacity:0.9;", hud, ""); const hintBar = el("div", "position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:0.06em;opacity:0.65;", hud, ""); const peekBar = el("div", "position:absolute;bottom:44px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:rgba(255,255,255,0.12);border-radius:2px;overflow:hidden;display:none;", hud); const peekFill = el("div", "height:100%;width:100%;background:#8fa8d8;", peekBar); const soundBtn = el("button", "position:absolute;top:14px;right:14px;pointer-events:auto;background:rgba(18,22,32,0.6);border:1px solid rgba(255,255,255,0.18);color:#dfe6f5;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;font-family:inherit;", hud, "Sound on") as HTMLButtonElement; soundBtn.addEventListener("click", () => { AudioSys.init(); AudioSys.setEnabled(!AudioSys.enabled); soundBtn.textContent = AudioSys.enabled ? "Sound on" : "Sound off"; }); const crosshair = el("div", "position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:rgba(255,255,255,0.5);", hud); // Small notice toast (opponent left, etc). const noticeEl = el("div", "position:absolute;top:86px;left:50%;transform:translateX(-50%);background:rgba(16,20,30,0.88);border:1px solid rgba(255,255,255,0.22);border-radius:10px;padding:9px 16px;font-size:13px;letter-spacing:0.03em;display:none;max-width:80%;text-align:center;", hud, ""); let noticeTimer: ReturnType | null = null; function showNotice(text: string) { noticeEl.textContent = text; noticeEl.style.display = "block"; if (noticeTimer) clearTimeout(noticeTimer); noticeTimer = setTimeout(() => { noticeEl.style.display = "none"; }, 6000); } const OVERLAY_CSS = `position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(2,3,8,0.92);font-family:${FONT};color:#dfe6f5;pointer-events:auto;z-index:20;text-align:center;padding:24px;`; function bigBtn(parent: HTMLElement, label: string, id: string): HTMLButtonElement { const b = document.createElement("button"); b.id = id; b.textContent = label; b.style.cssText = "min-width:180px;padding:14px 28px;border-radius:12px;border:1px solid rgba(255,255,255,0.22);background:rgba(30,38,56,0.85);color:#eef2fb;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:0.04em;"; b.addEventListener("mouseenter", () => { b.style.background = "rgba(52,64,92,0.95)"; }); b.addEventListener("mouseleave", () => { b.style.background = "rgba(30,38,56,0.85)"; }); parent.appendChild(b); return b; } // Menu / role select. const menuOv = el("div", OVERLAY_CSS, root as HTMLElement); el("div", "font-size:40px;font-weight:700;letter-spacing:0.28em;text-transform:uppercase;", menuOv, "Lights Out"); el("div", "font-size:14px;opacity:0.75;max-width:420px;line-height:1.6;", menuOv, "Hide and seek in a dark house at night. One seeker. One hider. The flashlight finds people, and gives you away."); el("div", "font-size:12px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.6;margin-top:10px;", menuOv, "Solo vs Bot"); const menuBtns = el("div", "display:flex;gap:12px;flex-wrap:wrap;justify-content:center;", menuOv); const seekBtn = bigBtn(menuBtns, "Seek", "lo-seek"); const hideBtn = bigBtn(menuBtns, "Hide", "lo-hide"); const randBtn = bigBtn(menuBtns, "Random", "lo-random"); el("div", "font-size:12px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.6;margin-top:14px;", menuOv, "2 Player Online"); const onlineBtn = bigBtn(menuOv, "Play online", "lo-online"); // Season Pass premium modes: real teams and a single-elimination tournament bracket. el("div", "font-size:12px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.6;margin-top:14px;", menuOv, "Season Pass"); const premiumBtns = el("div", "display:flex;gap:12px;flex-wrap:wrap;justify-content:center;", menuOv); const teamBtn = bigBtn(premiumBtns, "Team match", "lo-team"); const tourneyBtn = bigBtn(premiumBtns, "Play tournament", "lo-tournament"); const menuStatus = el("div", "font-size:12px;opacity:0.55;min-height:16px;", menuOv, ""); function setMenuStatus(text: string) { menuStatus.textContent = text; } onlineBtn.addEventListener("click", () => { AudioSys.init(); menuOv.style.display = "none"; mpBeginSearch(); }); // Premium gate: ask the Season Pass shim before entering. Only proceed on a strict // `true` (admin / plan / credit all resolve true). Missing shim, false, or timeout // keeps the player on the free menu (the host surface shows the upsell itself). async function requirePremium(): Promise { const sp: any = (window as any).MCPitySeasonPass; if (!sp || typeof sp.requireForMode !== "function") { setMenuStatus("Season Pass is required for team and tournament modes."); return false; } setMenuStatus("Checking your Season Pass..."); let ok = false; try { ok = await sp.requireForMode("tournament"); } catch (_e) { ok = false; } return ok === true; } teamBtn.addEventListener("click", async () => { AudioSys.init(); teamBtn.disabled = true; tourneyBtn.disabled = true; const ok = await requirePremium(); teamBtn.disabled = false; tourneyBtn.disabled = false; if (!ok) { setMenuStatus("Team match is a Season Pass mode."); return; } setMenuStatus(""); menuOv.style.display = "none"; teamBeginOnline("team"); }); tourneyBtn.addEventListener("click", async () => { AudioSys.init(); teamBtn.disabled = true; tourneyBtn.disabled = true; const ok = await requirePremium(); teamBtn.disabled = false; tourneyBtn.disabled = false; if (!ok) { setMenuStatus("Tournament is a Season Pass mode."); return; } setMenuStatus(""); menuOv.style.display = "none"; teamBeginOnline("tournament"); }); // Online: waiting / matchmaking overlay. const waitOv = el("div", OVERLAY_CSS + "display:none;", root as HTMLElement); const waitTitle = el("div", "font-size:24px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;", waitOv, "Finding a player..."); el("div", "font-size:13px;opacity:0.6;max-width:380px;line-height:1.6;", waitOv, "Quick match pairs you with the next player who goes online."); const waitCancel = bigBtn(waitOv, "Cancel", "lo-cancel"); waitCancel.addEventListener("click", () => { if (mpOnline) mpEndOnline(); mpCancelSearch(); phase = "menu"; menuOv.style.display = "flex"; uiDirty = true; }); function showWaiting(on: boolean, text?: string) { waitTitle.textContent = text || "Finding a player..."; waitOv.style.display = on ? "flex" : "none"; } function beginMatch(sel: "seeker" | "hider" | "random") { roleSelection = sel; AudioSys.init(); menuOv.style.display = "none"; startMatch(); requestPointerLockSafe(); } seekBtn.addEventListener("click", () => beginMatch("seeker")); hideBtn.addEventListener("click", () => beginMatch("hider")); randBtn.addEventListener("click", () => beginMatch("random")); // Seeker blackout during the hide phase. const blackout = el("div", OVERLAY_CSS + "display:none;background:#000;", root as HTMLElement); const blackoutTitle = el("div", "font-size:30px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;", blackout, "Counting..."); const blackoutTimer = el("div", "font-size:56px;font-weight:700;font-variant-numeric:tabular-nums;", blackout, "20"); el("div", "font-size:13px;opacity:0.6;", blackout, "The hider is finding a spot. Listen closely."); // Round result. const roundOv = el("div", OVERLAY_CSS + "display:none;", root as HTMLElement); const roundTitle = el("div", "font-size:30px;font-weight:700;letter-spacing:0.1em;", roundOv, ""); const roundSub = el("div", "font-size:15px;opacity:0.8;", roundOv, ""); const roundScore = el("div", "font-size:16px;letter-spacing:0.3em;", roundOv, ""); el("div", "font-size:12px;opacity:0.5;", roundOv, "Next round starting soon"); // Match result. const matchOv = el("div", OVERLAY_CSS + "display:none;", root as HTMLElement); const matchTitle = el("div", "font-size:34px;font-weight:700;letter-spacing:0.12em;", matchOv, ""); const matchScore = el("div", "font-size:16px;letter-spacing:0.3em;", matchOv, ""); const matchBtns = el("div", "display:flex;gap:12px;", matchOv); const againBtn = bigBtn(matchBtns, "Play again", "lo-again"); const changeBtn = bigBtn(matchBtns, "Change role", "lo-change"); againBtn.addEventListener("click", () => { matchOv.style.display = "none"; startMatch(); requestPointerLockSafe(); }); changeBtn.addEventListener("click", () => { if (mpOnline) mpEndOnline(); matchOv.style.display = "none"; phase = "menu"; menuOv.style.display = "flex"; uiDirty = true; }); function scoreDots(): string { const dot = (n: number) => "●".repeat(n) + "○".repeat(2 - Math.min(2, n)); return `You ${dot(score[0])} ${dot(score[1])} ${mpOppLabel || "Bot"}`; } function fmtTime(t: number): string { const s = Math.max(0, Math.ceil(t)); return `${Math.floor(s / 60)}:${String(s % 60).padStart(2, "0")}`; } function uiTick() { const meSeeker = P0.role === "seeker"; if (phase === "hide" || phase === "seek") { timerLabel.textContent = fmtTime(phaseT); if (P0.role === "hider" && P0.peekCd > 0) { peekBar.style.display = "block"; peekFill.style.width = `${Math.round((1 - P0.peekCd / PEEK_COOLDOWN) * 100)}%`; } else peekBar.style.display = "none"; } const showBlackout = phase === "hide" && meSeeker; blackout.style.display = showBlackout ? "flex" : "none"; if (showBlackout) blackoutTimer.textContent = String(Math.max(0, Math.ceil(phaseT))); if (!uiDirty) return; uiDirty = false; roundLabel.textContent = `Round ${round} of ${ROUNDS}`; roleLabel.textContent = meSeeker ? "You are the seeker" : "You are the hider"; scoreRow.textContent = scoreDots(); hintBar.textContent = IS_TOUCH ? (meSeeker ? "Left stick moves. Drag right side to look. LIGHT toggles the beam. TAG catches." : "Left stick moves. Drag right side to look. PEEK glances. HIDE enters a spot.") : (meSeeker ? "WASD moves. Shift sneaks. F toggles the flashlight. E tags." : "WASD moves. Shift sneaks. Q peeks. E enters or leaves a hiding spot."); const inRound = phase === "hide" || phase === "seek"; crosshair.style.display = inRound ? "block" : "none"; topBar.style.display = inRound || phase === "roundEnd" ? "flex" : "none"; scoreRow.style.display = topBar.style.display === "none" ? "none" : "block"; hintBar.style.display = inRound ? "block" : "none"; if (phase === "roundEnd") { const winnerIsMe = (roundWinner === "seeker") === meSeeker; roundTitle.textContent = winnerIsMe ? "You win the round" : `${mpOppLabel || "The Bot"} wins the round`; roundSub.textContent = roundWinner === "seeker" ? "The hider was caught." : "Time ran out. The hider stayed lost in the dark."; roundScore.textContent = scoreDots(); roundOv.style.display = "flex"; } else roundOv.style.display = "none"; if (phase === "matchEnd") { matchTitle.textContent = matchWinner === 0 ? "You win the match" : `${mpOppLabel || "The Bot"} wins the match`; matchScore.textContent = scoreDots(); againBtn.style.display = mpOnline ? "none" : "block"; changeBtn.textContent = mpOnline ? "Back to menu" : "Change role"; matchOv.style.display = "flex"; if (document.pointerLockElement) document.exitPointerLock(); } else matchOv.style.display = "none"; } // ═══ TEAM / TOURNAMENT RENDER + HUD ═══ // Avatar pool for the other entities (the local player is first person). Team 0 = warm, // team 1 = cool tint, so opposing sides read apart in the dark. const TEAM_MATS = [ new THREE.MeshLambertMaterial({ color: 0x6a4a3a, emissive: 0x140b06 }), new THREE.MeshLambertMaterial({ color: 0x39485f, emissive: 0x0a1016 }), ]; interface TeamAvatar { group: THREE.Group; } const teamAvatars: TeamAvatar[] = []; function ensureTeamAvatars(n: number) { while (teamAvatars.length < n) { const group = new THREE.Group(); const body = new THREE.Mesh(new THREE.CapsuleGeometry(0.28, 0.85, 3, 10), TEAM_MATS[0]); body.position.y = 0.85; body.castShadow = true; const head = new THREE.Mesh(new THREE.SphereGeometry(0.21, 10, 8), TEAM_MATS[0]); head.position.y = 1.52; head.castShadow = true; group.add(body); group.add(head); group.visible = false; // Store build: overlay the opponent GLB, hide the procedural body/head. The // team-tint loop still reassigns .material on every child (harmless on the // GLB group; the hidden body/head keep it valid). /play: no template -> as-is. if (opponentTemplate.current) { group.add(fitOpponentTemplate(opponentTemplate.current)); body.visible = false; head.visible = false; } scene.add(group); teamAvatars.push({ group }); } } function teamRenderTick() { const le = teamLocalEnt(); botGroup.visible = false; // the free-path bot avatar is unused in team mode ensureTeamAvatars(teamEnts.length); // Camera on the local player (fall back to a fixed overview if the local seat is a bot). if (le) { camera.position.set(le.x, le.y + eyeHeight(le), le.z); camera.rotation.y = le.yaw; camera.rotation.x = le.pitch; } // Other entities as avatars, tinted by team, hidden while concealed / out. let ai = 0; for (const e of teamEnts) { if (e === le) continue; const av = teamAvatars[ai++]; if (!av) break; const show = !e.out && (!e.hidden || (le != null && Math.hypot(le.x - e.x, le.z - e.z) < 1.6)); av.group.visible = show; if (!show) continue; (av.group.children as THREE.Mesh[]).forEach((m) => { m.material = TEAM_MATS[e.team]; }); av.group.position.set(e.x, e.y, e.z); av.group.rotation.y = e.yaw; const sc = e.crouch || e.hidden ? 0.55 : 1; av.group.scale.set(1, sc, 1); } for (let i = ai; i < teamAvatars.length; i++) teamAvatars[i].group.visible = false; // One beam rig: the local seeker's beam, else the nearest opposing seeker with the light on. let beamEnt: Entity | null = null; if (le && le.role === "seeker") beamEnt = le; else { let bd = Infinity; for (const e of teamEnts) { if (e.role !== "seeker" || e.out || !e.flashOn) continue; const d = le ? Math.hypot(le.x - e.x, le.z - e.z) : 0; if (d < bd) { bd = d; beamEnt = e; } } } if (beamEnt) { flashRig.group.position.set(beamEnt.x, beamEnt.y + eyeHeight(beamEnt) - 0.12, beamEnt.z); flashRig.group.rotation.order = "YXZ"; flashRig.group.rotation.y = beamEnt.yaw; flashRig.group.rotation.x = beamEnt.pitch; const on = beamEnt.flashOn && (teamPhase === "seek" || teamPhase === "hide"); flashRig.spot.intensity = on ? FLASH_INTENSITY : 0; flashRig.cone.visible = on; } else { flashRig.spot.intensity = 0; flashRig.cone.visible = false; } peekLight.intensity = le && le.role === "hider" && le.peekT > 0 ? 1.6 : 0; renderer.render(scene, camera); } // Team HUD overlays (separate from the free-game HUD, shown only while teamActive). const teamHud = el("div", `position:absolute;inset:0;pointer-events:none;font-family:${FONT};color:#dfe6f5;z-index:11;display:none;`, root as HTMLElement); const teamTop = el("div", "position:absolute;top:14px;left:0;right:0;text-align:center;font-size:14px;letter-spacing:0.08em;text-shadow:0 2px 10px rgba(0,0,0,0.8);", teamHud, ""); const teamScoreRow = el("div", "position:absolute;top:44px;left:0;right:0;text-align:center;font-size:13px;letter-spacing:0.2em;opacity:0.9;", teamHud, ""); const teamHint = el("div", "position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:12px;opacity:0.6;", teamHud, ""); const teamBanner = el("div", OVERLAY_CSS + "display:none;z-index:21;", root as HTMLElement); const teamBannerTitle = el("div", "font-size:30px;font-weight:700;letter-spacing:0.1em;", teamBanner, ""); const teamBannerSub = el("div", "font-size:15px;opacity:0.8;", teamBanner, ""); const teamBannerBtns = el("div", "display:flex;gap:12px;", teamBanner); const teamBackBtn = bigBtn(teamBannerBtns, "Back to menu", "lo-team-back"); teamBackBtn.addEventListener("click", () => { teamActive = false; teamMode = "solo"; teamPhase = "lobby"; const bus = teamBus(); try { if (bus && bus.leave) bus.leave(); } catch (_e) { /* ignore */ } teamHud.style.display = "none"; teamBanner.style.display = "none"; teamInviteOv.style.display = "none"; menuOv.style.display = "flex"; uiDirty = true; }); // Invite prompt (client side): "You're invited to a match. Accept (10s)". const teamInviteOv = el("div", "position:absolute;top:90px;left:50%;transform:translateX(-50%);background:rgba(16,20,30,0.92);border:1px solid rgba(255,255,255,0.25);border-radius:12px;padding:14px 20px;display:none;flex-direction:column;align-items:center;gap:10px;z-index:22;pointer-events:auto;text-align:center;", root as HTMLElement); const teamInviteText = el("div", "font-size:14px;", teamInviteOv, "You are invited to a match."); const teamInviteBtn = bigBtn(teamInviteOv, "Accept", "lo-team-accept"); teamInviteBtn.addEventListener("click", () => { teamAcceptInvite(); teamInviteOv.style.display = "none"; }); const TEAM_LABELS = ["Team A", "Team B"]; function teamUiTick() { teamHud.style.display = "block"; const le = teamLocalEnt(); const inRound = teamPhase === "hide" || teamPhase === "seek"; if (inRound) { const seeksLabel = TEAM_LABELS[teamSeekTeam]; teamTop.textContent = `Round ${teamRound} of ${TEAM_ROUNDS} ${seeksLabel} seeks ${fmtTime(teamPhaseT)}`; const hidersA = teamHidersLeft(0).length, hidersB = teamHidersLeft(1).length; teamScoreRow.textContent = `${TEAM_LABELS[0]} ${teamRoundWins[0]} ${teamRoundWins[1]} ${TEAM_LABELS[1]} (hiders left A:${hidersA} B:${hidersB})`; teamHint.textContent = le ? (le.out ? "You are out this round. Watch your team finish." : (le.role === "seeker" ? "WASD moves. F toggles the flashlight. E tags a hider." : "WASD moves. Q peeks. E enters or leaves a hiding spot.")) : "Spectating."; } // Client-side invite prompt with a live countdown. if (teamPendingInvite && teamMode === "client") { teamInviteOv.style.display = "flex"; const secs = Math.max(0, Math.ceil((teamPendingInvite.deadlineMs) / 1000)); teamInviteText.textContent = `You are invited to a match. Accept (${secs}s)`; } else teamInviteOv.style.display = "none"; // Banners for round / match / bracket ends. if (teamPhase === "roundEnd") { const wonBy = teamRoundWins[0] > teamRoundWins[1] ? 0 : teamRoundWins[1] > teamRoundWins[0] ? 1 : teamSeekTeam; teamBannerTitle.textContent = `${TEAM_LABELS[wonBy]} wins the round`; teamBannerSub.textContent = "Roles swap for the next round."; teamBannerBtns.style.display = "none"; teamBanner.style.display = "flex"; } else if (teamPhase === "matchEnd") { teamBannerTitle.textContent = teamMatchWinner != null ? `${TEAM_LABELS[teamMatchWinner]} wins the match` : "Match over"; teamBannerSub.textContent = teamKind === "tournament" ? "Advancing the bracket..." : ""; teamBannerBtns.style.display = teamKind === "tournament" ? "none" : "flex"; teamBanner.style.display = "flex"; } else if (teamPhase === "bracketEnd") { teamBannerTitle.textContent = teamChampion ? `${teamChampion} is the champion` : "Tournament complete"; teamBannerSub.textContent = "Thanks for playing."; teamBannerBtns.style.display = "flex"; teamBanner.style.display = "flex"; } else teamBanner.style.display = "none"; if (teamNotice) { showNotice(teamNotice); teamNotice = ""; } } // ═══ POINTER LOCK (desktop look) ═══ function requestPointerLockSafe() { if (IS_TOUCH) return; try { const p: any = renderer.domElement.requestPointerLock && renderer.domElement.requestPointerLock(); if (p && p.catch) p.catch(() => undefined); } catch (_e) { /* denied or unsupported (headless) */ } } renderer.domElement.addEventListener("click", () => { AudioSys.init(); if (phase === "hide" || phase === "seek") requestPointerLockSafe(); }); let dragLook = false; renderer.domElement.addEventListener("mousedown", () => { dragLook = true; }); window.addEventListener("mouseup", () => { dragLook = false; }); window.addEventListener("mousemove", (ev) => { if (document.pointerLockElement === renderer.domElement) applyLook(ev.movementX, ev.movementY); // Fallback for sandboxed iframes where pointer lock is denied: hold and drag to look. else if (dragLook && (phase === "hide" || phase === "seek")) applyLook(ev.movementX * 1.4, ev.movementY * 1.4); }); // ═══ PLATFORM ═══ // Template contract: own RAF loop + window.MCPityPlayer = {x,y,z} every frame. let paused = false; // debug: stop wall-clock sim advance; step(ms) still works let lastT = performance.now(); function frame(now: number) { const dtMs = Math.min(now - lastT, 100); lastT = now; if (teamActive) { if (!paused && teamPhase !== "lobby" && teamPhase !== "bracketEnd") simAdvance(dtMs); teamNetTick(); if (teamMode === "client") { teamEvIn = []; } // team audio is basic for v1; events consumed silently teamUiTick(); teamRenderTick(); const le = teamLocalEnt(); if (le) (window as any).MCPityPlayer = { x: le.x, y: le.y + eyeHeight(le), z: le.z }; requestAnimationFrame(frame); return; } if (!paused && phase !== "menu") simAdvance(dtMs); netTick(); // Client: deliver host-forwarded noise events to the audio tick exactly once. if (mpMode === "client") { noiseEvents = mpEvIn; mpEvIn = []; } audioTick(dtMs / 1000); uiTick(); renderTick(); (window as any).MCPityPlayer = { x: P0.x, y: P0.y + eyeHeight(P0), z: P0.z }; requestAnimationFrame(frame); } // ═══ DEBUG / PLAYTEST SURFACE (always on; powers automated tests) ═══ (window as any).__lightsout = { seed: SEED, step: (ms: number) => { simStepExact(ms); if (teamActive) teamUiTick(); else uiTick(); }, state: () => ({ phase, round, timer: phaseT, roles: [P0.role, P1.role], score: [score[0], score[1]], positions: ENTS.map((e) => ({ x: e.x, y: e.y, z: e.z, yaw: e.yaw })), flash: [P0.flashOn, P1.flashOn], hidden: [P0.hidden, P1.hidden], peek: { active: P0.peekT > 0, t: P0.peekT, cd: P0.peekCd }, roundWinner, matchWinner, bot: { mode: bot.mode, spot: bot.targetSpot ? bot.targetSpot.id : null }, }), setPos: (who: number | string, x: number, y: number, z: number) => { const e = who === 1 || who === "p1" || who === "bot" ? P1 : P0; e.x = x; e.y = y; e.z = z; e.hidden = null; e.crouch = false; if (e === P1) { bot.mode = e.role === "seeker" ? "patrol" : "idle"; bot.path = []; bot.pathI = 0; bot.goal = null; bot.targetSpot = null; } }, setLook: (who: number | string, yaw: number, pitch: number) => { const e = who === 1 || who === "p1" || who === "bot" ? P1 : P0; e.yaw = yaw; e.pitch = pitch; }, setRole: (r: "seeker" | "hider" | "random") => { roleSelection = r; }, forceFlashlight: (on: boolean) => { flashForced = true; ENTS[seekerIdx()].flashOn = on; }, startRound: () => { if (phase === "menu" || phase === "matchEnd") { menuOv.style.display = "none"; matchOv.style.display = "none"; startMatch(); } else if (phase === "roundEnd") advanceAfterRound(); else startRound(); }, tryTag: () => attemptTag(seekerIdx()), enterNearestSpot: () => tryEnterExitSpot(P0), pause: (b: boolean) => { paused = b; }, input, net: () => { const bus = mpBus(); return { mode: mpMode, online: mpOnline, searching: mpSearching, status: (bus && bus.status) || "none", roomId: (bus && bus.roomId) || "", roster: (bus && bus.players) || [], oppLabel: mpOppLabel, haveHostState: mpHaveHostState, notice: noticeEl.textContent, }; }, // ── Team / tournament control surface (powers test-tournament.cjs) ── team: () => ({ active: teamActive, kind: teamKind, mode: teamMode, phase: teamPhase, timer: teamPhaseT, round: teamRound, seekTeam: teamSeekTeam, roundWins: [teamRoundWins[0], teamRoundWins[1]], tags: [teamTagsTotal[0], teamTagsTotal[1]], matchWinner: teamMatchWinner, champion: teamChampion, matchId: teamMatchId, localId: teamLocalId, haveHostState: teamHaveHostState, notice: noticeEl.textContent, ents: teamEnts.map((e) => ({ slot: e.slot, team: e.team, role: e.role, out: e.out, isBot: e.isBot, peer: e.peer, hidden: e.hidden, x: e.x, y: e.y, z: e.z, yaw: e.yaw, flash: e.flashOn })), invites: teamInvites.map((i) => ({ slot: i.slot, team: i.team, remainMs: i.remainMs })), bracket: bracket.map((b) => ({ label: b.label, alive: b.alive, peers: b.peers.slice() })), pendingInvite: teamPendingInvite ? { slot: teamPendingInvite.slot, matchId: teamPendingInvite.matchId } : null, }), teamStart: (kind: TeamModeKind, opts?: any) => { menuOv.style.display = "none"; teamStartSolo(kind, opts); teamUiTick(); }, teamSetSize: (n: number) => { teamMatchSize = n; }, teamSetPos: (slot: number, x: number, y: number, z: number) => { const e = teamEnts.find((e) => e.slot === slot); if (!e) return; e.x = x; e.y = y; e.z = z; e.hidden = null; e.crouch = false; const tb = teamBots[e.slot]; if (tb) { tb.mode = e.role === "seeker" ? "patrol" : "idle"; tb.path = []; tb.pathI = 0; tb.goal = null; tb.targetSpot = null; } }, teamSetLook: (slot: number, yaw: number, pitch: number) => { const e = teamEnts.find((e) => e.slot === slot); if (e) { e.yaw = yaw; e.pitch = pitch; } }, teamTag: (slot: number) => { const e = teamEnts.find((e) => e.slot === slot); return e ? teamAttemptTag(e) : false; }, teamEnter: (slot: number) => { const e = teamEnts.find((e) => e.slot === slot); return e ? teamTryEnterExit(e) : false; }, // Mark every AI-filled seat as a present human (for the all-human round-flow test). teamMakeHumans: () => { for (const e of teamEnts) if (!e.peer) { e.peer = "human-" + e.slot; e.isBot = false; e.name = "Player " + (e.slot + 1); } }, // Open a seat (peerless, non-bot) so an invite can be raised into it. teamFreeSlot: (slot: number) => { const e = teamEnts.find((e) => e.slot === slot); if (e) { e.peer = null; e.isBot = true; } }, teamOpenInvites: (present: string[]) => { teamOpenInvites(present || []); }, teamAccept: (peerId: string, matchId: number, slot: number) => teamHandleAccept(peerId, matchId, slot), teamDropPeer: (peerId: string) => { for (const e of teamEnts) if (e.peer === peerId) { e.peer = null; e.isBot = true; e.name = "Bot " + (e.slot + 1); const tb = teamBots[e.slot]; if (tb) { tb.mode = e.role === "seeker" ? "patrol" : (e.hidden ? "hiddenWait" : "idle"); } teamEvOut.push({ k: "takeover", slot: e.slot }); } teamNotice = "A player left. AI has taken over their spot."; }, }; // One-time boot preload: fill the hero caches from an injected store pack, then // apply them (swap the opponent body + overlay furniture GLBs). On /play every // getModel() is null, the caches stay empty, and nothing changes. Runs after // buildHouse() so furnitureSwaps is populated; async, never throws into boot. async function preloadAssets(): Promise { try { const [opp, sofa, table, desk] = await Promise.all([ Assets.getModel("opponent"), Assets.getModel("furniture_sofa"), Assets.getModel("furniture_table"), Assets.getModel("furniture_desk"), ]); if (opp) { opponentTemplate.current = opp; botGroup.add(fitOpponentTemplate(opp)); for (const m of botProcedural) m.visible = false; } furnitureTemplates.furniture_sofa = sofa; furnitureTemplates.furniture_table = table; furnitureTemplates.furniture_desk = desk; for (const fs of furnitureSwaps) { const tpl = furnitureTemplates[fs.key]; if (!tpl) continue; const box = new THREE.Box3().setFromObject(fs.mesh); scene.add(fitFurnitureTemplate(tpl, box)); fs.mesh.visible = false; // hide the procedural box; its collider in `walls` stays } } catch (_e) { /* any failure -> everything stays procedural */ } } // ═══ BOOT ═══ buildHouse(); void preloadAssets(); // fills hero caches from an injected store pack; no-op on /play sizeRenderer(); if (IS_TOUCH) setupMobileControls(root as HTMLElement); uiTick(); requestAnimationFrame(frame);