import * as THREE from 'three'; export const xr = 'vr'; export default function sketch(ctx) { const { scene, camera, renderer, gui, size, canvas } = ctx; const XR = ctx.xr || null; const sfx = ctx.sfx || { play() { return null; }, loop() { return null; }, volume: 1 }; const touchScreen = matchMedia('(pointer: coarse)').matches; const SND = { shot: 'sfx_nTrvVxVkfI1E', eshot: 'sfx_eZb6Ye6NdsCX', boom: 'sfx_pjcxa6RMXou5', hurt: 'sfx_09LVWavC4fHj', pick: 'sfx_C4WrS0GL2b99', drone: 'sfx_9fvAVA2x6oHi' }; const play = (id, o) => { try { return sfx.play(id, o); } catch (e) { return null; } }; const params = { pixel: 3, fog: 0.12, torch: '#ffd9a0', sensitivity: 1, difficulty: 1, minimap: true, volume: 0.8, restart: () => { resetGame(); state = 'play'; }, }; // ---------- MAP ---------- const W = 36, H = 30; const grid = new Uint8Array(W * H).fill(1); const zone = new Uint8Array(W * H); const inner = (x, z) => x > 0 && z > 0 && x < W - 1 && z < H - 1; const carve = (x0, z0, x1, z1) => { for (let z = z0; z <= z1; z++) for (let x = x0; x <= x1; x++) if (inner(x, z)) grid[z * W + x] = 0; }; const solid = (x0, z0, x1, z1) => { for (let z = z0; z <= z1; z++) for (let x = x0; x <= x1; x++) if (inner(x, z)) grid[z * W + x] = 1; }; // rooms carve(2, 2, 9, 8); carve(14, 2, 22, 8); carve(27, 2, 33, 12); carve(2, 18, 11, 27); carve(26, 20, 33, 27); // tunnels carve(2, 14, 33, 15); carve(6, 10, 6, 13); carve(18, 10, 18, 13); carve(11, 5, 12, 5); carve(24, 4, 24, 26); carve(6, 16, 6, 16); carve(30, 16, 30, 18); carve(20, 16, 20, 22); carve(13, 22, 20, 22); carve(14, 16, 14, 20); carve(13, 26, 24, 26); // furniture solid(4, 5, 5, 5); solid(15, 4, 16, 4); solid(20, 4, 21, 4); solid(15, 6, 16, 6); solid(20, 6, 21, 6); for (const x of [28, 30, 32]) solid(x, 4, x, 10); solid(6, 21, 7, 24); solid(3, 20, 3, 20); solid(10, 20, 10, 20); solid(3, 25, 3, 25); solid(10, 25, 10, 25); solid(28, 22, 28, 23); solid(31, 22, 31, 23); solid(28, 25, 28, 25); solid(31, 25, 31, 25); const ZONE_NAMES = ['SERVICE TUNNELS', 'BIO LAB', 'COMPUTER CORE', 'SERVER FARM', 'ENGINE HALL', 'WEAPONS DEPOT']; const ZONE_RECTS = [null, [1, 1, 10, 9], [13, 1, 23, 9], [26, 1, 34, 13], [1, 17, 12, 28], [25, 19, 34, 28]]; ZONE_RECTS.forEach((r, k) => { if (!r) return; for (let z = r[1]; z <= r[3]; z++) for (let x = r[0]; x <= r[2]; x++) if (x >= 0 && z >= 0 && x < W && z < H) zone[z * W + x] = k; }); const DOOR_DEFS = [[6, 9, null], [18, 9, null], [10, 5, null], [13, 5, null], [23, 4, null], [30, 13, 'blue'], [6, 17, null], [12, 22, null], [12, 26, null], [30, 19, 'red']]; const doors = [], doorAt = new Int16Array(W * H).fill(-1); for (const [x, z, lock] of DOOR_DEFS) { const i = z * W + x; grid[i] = 2; doorAt[i] = doors.length; doors.push({ x, z, i, lock, lock0: lock, open: 0, target: 0, timer: 0, mesh: null, lamps: [] }); } const startX = 17.5, startZ = 14.5; const ENEMY_SPOTS = [[7, 3, 'bot'], [3, 7, 'dog'], [20, 2, 'bot'], [16, 8, 'sentinel'], [31, 5, 'bot'], [27, 3, 'dog'], [33, 8, 'sentinel'], [8, 24, 'bot'], [3, 23, 'dog'], [10, 19, 'bot'], [27, 24, 'sentinel'], [32, 21, 'bot'], [29, 21, 'dog'], [28, 14, 'bot'], [24, 6, 'dog'], [20, 19, 'bot'], [17, 26, 'bot'], [6, 11, 'dog'], [33, 15, 'bot']]; const ITEM_SPOTS = [[3, 3, 'w1'], [18, 2, 'key_blue'], [29, 7, 'w2'], [33, 2, 'key_red'], [29, 26, 'w3'], [8, 7, 'med'], [14, 19, 'med'], [3, 26, 'med'], [32, 27, 'med'], [21, 8, 'med'], [33, 11, 'ammo'], [10, 26, 'ammo'], [26, 21, 'ammo'], [2, 15, 'ammo'], [24, 24, 'ammo']]; const BARREL_SPOTS = [[2, 2], [14, 8], [27, 12], [10, 15], [24, 9], [19, 22], [16, 26], [22, 26], [4, 19], [9, 23], [8, 26], [2, 22], [27, 27], [33, 20], [32, 23]]; const barrels = []; function isWall(x, z) { const ix = Math.floor(x), iz = Math.floor(z); if (ix < 0 || iz < 0 || ix >= W || iz >= H) return true; const v = grid[iz * W + ix]; if (v === 1) return true; if (v === 2) return doors[doorAt[iz * W + ix]].open < 0.9; return false; } const passable = (n) => grid[n] === 0 || (grid[n] === 2 && !doors[doorAt[n]].lock); function blocked(x, z, r) { return isWall(x - r, z - r) || isWall(x + r, z - r) || isWall(x - r, z + r) || isWall(x + r, z + r); } function hitsBarrel(ox, oz, nx, nz, r) { const rr = (r + 0.2) * (r + 0.2); for (const b of barrels) { if (!b.alive) continue; const dn = (nx - b.x) ** 2 + (nz - b.z) ** 2; if (dn < rr && dn < (ox - b.x) ** 2 + (oz - b.z) ** 2) return true; } return false; } function moveBody(o, dx, dz, r) { if (!blocked(o.x + dx, o.z, r) && !hitsBarrel(o.x, o.z, o.x + dx, o.z, r)) o.x += dx; if (!blocked(o.x, o.z + dz, r) && !hitsBarrel(o.x, o.z, o.x, o.z + dz, r)) o.z += dz; } function los(x0, z0, x1, z1) { const dx = x1 - x0, dz = z1 - z0, d = Math.hypot(dx, dz); const n = Math.ceil(d / 0.1); for (let i = 1; i < n; i++) { const t = i / n; if (isWall(x0 + dx * t, z0 + dz * t)) return false; } return true; } function rayWall(x, z, fx, fz) { for (let d = 0; d < 40; d += 0.04) if (isWall(x + fx * d, z + fz * d)) return d; return 40; } // BFS distance field toward the player const dist = new Int16Array(W * H).fill(-1); const queue = new Int32Array(W * H); let bfsCell = -1; function bfs(cx, cz) { dist.fill(-1); const s = cz * W + cx; if (s < 0 || s >= W * H || !passable(s)) return; let h = 0, t = 0; dist[s] = 0; queue[t++] = s; while (h < t) { const c = queue[h++], x = c % W, d = dist[c] + 1; for (let k = 0; k < 4; k++) { if (k === 0 && x === 0) continue; if (k === 1 && x === W - 1) continue; const n = k === 0 ? c - 1 : k === 1 ? c + 1 : k === 2 ? c - W : c + W; if (n < 0 || n >= W * H || !passable(n) || dist[n] >= 0) continue; dist[n] = d; queue[t++] = n; } } } // ---------- TEXTURES ---------- const maxAniso = Math.min(8, renderer.capabilities.getMaxAnisotropy()); const tex = (id, o) => { const t = ctx.textures.get(id, o); t.magFilter = THREE.NearestFilter; t.minFilter = THREE.LinearMipmapLinearFilter; t.generateMipmaps = true; t.anisotropy = maxAniso; t.needsUpdate = true; return t; }; const wallTex = tex('tex_8GjzZ1715bJY', { pixelated: true }); const labWallTex = tex('tex_li1t05DFj8nJ', { repeat: 1, pixelated: true }); const floorTexs = ['tex_Oh5fqBvdIKLo', 'tex_BTIpahBzcAah', 'tex_rhYH07NYeB6e', 'tex_H3zxW6sdU1sH', 'tex_nvYhdamPGH5b', 'tex_gjDRO2CPRwFi'].map((id) => tex(id, { repeat: 1, pixelated: true })); const ceilTex = tex('tex_DbTn3yVGbRom', { repeat: [W / 2, H / 2], pixelated: true }); const doorTex = tex('tex_X32XnzyxHf5H', { pixelated: true }); const gunTex = ctx.textures.get('tex_52sCEedAJHm2', { pixelated: true }); const shotFP = ctx.textures.get('tex_rXIFjGYZDZ1j', { pixelated: true }); const miniFP = ctx.textures.get('tex_x0Ib9DolxdYd', { pixelated: true }); const rockFP = ctx.textures.get('tex_IM5rqAPzqW7T', { pixelated: true }); const medTex = tex('tex_PNig1VzIlZsl', { pixelated: true }); const aspectOf = (t) => (t.image && t.image.width && t.image.height) ? t.image.width / t.image.height : 1; // crop transparent padding so sprites sit exactly on the floor function trimTex(t, apply) { const out = { x0: 0, y0: 0, w: 1, h: 1, aspect: aspectOf(t) }; try { const img = t.image, iw = img && img.width, ih = img && img.height; if (!iw || !ih) return out; const s = Math.min(1, 256 / Math.max(iw, ih)); const cw = Math.max(1, Math.round(iw * s)), ch = Math.max(1, Math.round(ih * s)); const c = document.createElement('canvas'); c.width = cw; c.height = ch; const g = c.getContext('2d'); g.drawImage(img, 0, 0, cw, ch); const d = g.getImageData(0, 0, cw, ch).data; let minX = cw, minY = ch, maxX = -1, maxY = -1; for (let y = 0; y < ch; y++) for (let x = 0; x < cw; x++) { if (d[(y * cw + x) * 4 + 3] > 110) { if (x < minX) minX = x; if (x > maxX) maxX = x; if (y < minY) minY = y; if (y > maxY) maxY = y; } } if (maxX < 0) return out; const x0 = minX / cw, x1 = (maxX + 1) / cw, y0 = minY / ch, y1 = (maxY + 1) / ch; out.x0 = x0; out.y0 = y0; out.w = x1 - x0; out.h = y1 - y0; out.aspect = (out.w * iw) / (out.h * ih); if (apply) { t.repeat.set(out.w, out.h); t.offset.set(x0, 1 - y1); t.updateMatrix(); } } catch (e) {} return out; } const gunTrim = trimTex(gunTex, false); const medAspect = trimTex(medTex, true).aspect; const T = (id) => { const t = tex(id, { pixelated: true }); return { t, a: trimTex(t, true).aspect }; }; const TYPES = { bot: { ...T('tex_Fd09vpsbpgQ0'), wreck: T('tex_qdtko8dis8eA'), h: 0.9, hp: 3, speed: 1.15, score: 100, ww: 0.9, hw: 0.3, gy: 0.52, ranged: true, burst: 1, shotCol: '#ff4030', shotSpd: 1, shotRate: 1, dmg: 11, cd: [1.1, 1.6], gait: 9, bob: 0.04, map: '#ff3b3b', drop: 0.3 }, dog: { ...T('tex_M4DZ3FpzebZi'), wreck: T('tex_6BEdqyvqHJev'), h: 0.46, hp: 2, speed: 2.5, score: 150, ww: 0.7, hw: 0.3, gy: 0.3, ranged: false, bite: 9, gait: 16, bob: 0.08, map: '#ff9a2a', drop: 0.1 }, sentinel: { ...T('tex_dGawsTDjDyng'), wreck: T('tex_W5bsm8raPOZg'), h: 0.97, hp: 7, speed: 0.7, score: 300, ww: 1.05, hw: 0.4, gy: 0.6, ranged: true, burst: 3, shotCol: '#ff9a20', shotSpd: 0.75, shotRate: 0.6, dmg: 12, cd: [1.8, 1.4], gait: 5, bob: 0.025, map: '#ff4ad8', drop: 0.6 }, }; const keyT = T('tex_Rvum8ouD5Eqj'); const IT = { med: { t: medTex, a: medAspect, h: 0.28 }, ammo: { ...T('tex_GRZJMUjmCKak'), h: 0.26 }, key_red: { ...keyT, h: 0.2, col: '#ff6a5a', glow: '#ff3020', map: '#ff4a3a' }, key_blue: { ...keyT, h: 0.2, col: '#6a9aff', glow: '#3070ff', map: '#4a86ff' }, w1: { ...T('tex_qyHWAlRdgQUQ'), h: 0.2, glow: '#ffa040', map: '#ffd36b' }, w2: { ...T('tex_FDzQcc8LP7i1'), h: 0.22, glow: '#ffe060', map: '#ffd36b' }, w3: { ...T('tex_p18tpjTHAVgU'), h: 0.2, glow: '#ff7030', map: '#ffd36b' }, }; const barrelT = T('tex_ugHcSc6TxDC6'); const hexRGB = (h) => { const c = new THREE.Color(h); return [Math.round(c.r * 255), Math.round(c.g * 255), Math.round(c.b * 255)]; }; const WEAPONS = [ { name: 'PLASMA RIFLE', img: gunTex, trim: gunTrim, hs: 0.46, cd: 0.28, ammo: null, pellets: 1, spread: 0.004, dmg: 1, kick: 1, flash: '#50dcff', spark: [0.6, 1.4, 2.0] }, { name: 'SCATTER GUN', img: shotFP, trim: trimTex(shotFP, false), hs: 0.5, cd: 0.8, ammo: 'shells', give: 12, pellets: 7, spread: 0.12, dmg: 1, kick: 1.7, flash: '#ffa040', spark: [2.0, 1.2, 0.4] }, { name: 'PULSE MINIGUN', img: miniFP, trim: trimTex(miniFP, false), hs: 0.5, cd: 0.075, ammo: 'cells', give: 90, pellets: 1, spread: 0.04, dmg: 0.6, kick: 0.45, flash: '#ffe060', spark: [2.0, 1.8, 0.5] }, { name: 'ROCKET LAUNCHER', img: rockFP, trim: trimTex(rockFP, false), hs: 0.5, cd: 0.95, ammo: 'rockets', give: 5, rocket: true, kick: 1.9, flash: '#ff7a30', spark: [2, 0.8, 0.3] }, ]; WEAPONS.forEach((w) => { w.rgb = hexRGB(w.flash); w.col = new THREE.Color(w.flash); }); const AMMO_CAP = { shells: 50, cells: 300, rockets: 20 }, AMMO_BOX = { shells: 8, cells: 50, rockets: 2 }; const gc = document.createElement('canvas'); gc.width = gc.height = 64; const g2 = gc.getContext('2d'); const grad = g2.createRadialGradient(32, 32, 0, 32, 32, 32); grad.addColorStop(0, 'rgba(255,255,255,1)'); grad.addColorStop(0.35, 'rgba(255,255,255,0.6)'); grad.addColorStop(1, 'rgba(255,255,255,0)'); g2.fillStyle = grad; g2.fillRect(0, 0, 64, 64); const glowTex = new THREE.CanvasTexture(gc); const glowMat = (color) => new THREE.SpriteMaterial({ map: glowTex, color, blending: THREE.AdditiveBlending, depthWrite: false, transparent: true, fog: false }); // ---------- WORLD ---------- scene.background = new THREE.Color('#07060a'); scene.fog = new THREE.FogExp2('#07060a', params.fog); camera.fov = 70; camera.near = 0.05; camera.far = 100; camera.updateProjectionMatrix(); camera.rotation.order = 'YXZ'; const WALL_TINT = ['#ffffff', '#ffffff', '#a8ffbc', '#9cb8ff', '#ffb27a', '#efe0a0']; const boxGeo = new THREE.BoxGeometry(1, 1, 1); let nDef = 0, nLab = 0; for (let i = 0; i < W * H; i++) if (grid[i] === 1) { if (zone[i] === 1) nLab++; else nDef++; } const walls = new THREE.InstancedMesh(boxGeo, new THREE.MeshStandardMaterial({ map: wallTex, roughness: 0.8, metalness: 0.2 }), Math.max(1, nDef)); const labWalls = new THREE.InstancedMesh(boxGeo, new THREE.MeshStandardMaterial({ map: labWallTex, roughness: 0.7, metalness: 0.1 }), Math.max(1, nLab)); const dummy = new THREE.Object3D(), tmpCol = new THREE.Color(); let wi = 0, li = 0; for (let z = 0; z < H; z++) for (let x = 0; x < W; x++) { const i = z * W + x; if (grid[i] !== 1) continue; dummy.position.set(x + 0.5, 0.5, z + 0.5); dummy.updateMatrix(); if (zone[i] === 1) labWalls.setMatrixAt(li++, dummy.matrix); else { walls.setMatrixAt(wi, dummy.matrix); walls.setColorAt(wi, tmpCol.set(WALL_TINT[zone[i]])); wi++; } } walls.count = wi; labWalls.count = li; walls.instanceMatrix.needsUpdate = true; labWalls.instanceMatrix.needsUpdate = true; if (walls.instanceColor) walls.instanceColor.needsUpdate = true; scene.add(walls, labWalls); // zone floors const floorGeo = new THREE.PlaneGeometry(1, 1); floorGeo.rotateX(-Math.PI / 2); for (let k = 0; k < 6; k++) { let n = 0; for (let i = 0; i < W * H; i++) if (grid[i] !== 1 && zone[i] === k) n++; if (!n) continue; const fm = new THREE.InstancedMesh(floorGeo, new THREE.MeshStandardMaterial({ map: floorTexs[k], roughness: 0.65, metalness: 0.25 }), n); let j = 0; for (let i = 0; i < W * H; i++) if (grid[i] !== 1 && zone[i] === k) { dummy.position.set((i % W) + 0.5, 0, Math.floor(i / W) + 0.5); dummy.updateMatrix(); fm.setMatrixAt(j++, dummy.matrix); } fm.instanceMatrix.needsUpdate = true; scene.add(fm); } const ceil = new THREE.Mesh(new THREE.PlaneGeometry(W, H), new THREE.MeshStandardMaterial({ map: ceilTex, roughness: 0.9 })); ceil.rotation.x = Math.PI / 2; ceil.position.set(W / 2, 1, H / 2); scene.add(ceil); scene.add(new THREE.AmbientLight('#6a5872', 0.35)); const torch = new THREE.PointLight(params.torch, 3.2, 11, 1.2); scene.add(torch); // area lights const AREA_LIGHTS = [[6, 5, '#bfefff', 4], [18, 5, '#5cff8a', 3.5], [30.5, 7, '#4a7bff', 4.5], [8.5, 19.5, '#ff7a2a', 4], [4.5, 26, '#ff6a1a', 3], [29.5, 24, '#ffc060', 4]]; for (const [x, z, c, i] of AREA_LIGHTS) { const l = new THREE.PointLight(c, i, 9, 1.2); l.position.set(x, 0.9, z); scene.add(l); } for (const [x, z] of [[17, 14.5], [24.5, 20], [16, 26.5]]) { const l = new THREE.PointLight('#ff2a18', 2.2, 4.5, 1.4); l.position.set(x, 0.9, z); const s = new THREE.Sprite(glowMat('#ff3a20')); s.position.copy(l.position).setY(0.97); s.scale.setScalar(0.35); scene.add(l, s); } const boomLight = new THREE.PointLight('#ff8a30', 0, 8, 1.2); scene.add(boomLight); // doors const doorGeo = new THREE.BoxGeometry(1, 1, 0.18); for (const d of doors) { const col = d.lock === 'red' ? '#ffa49a' : d.lock === 'blue' ? '#a4baff' : '#d8d8d8'; const mesh = new THREE.Mesh(doorGeo, new THREE.MeshStandardMaterial({ map: doorTex, color: col, roughness: 0.6, metalness: 0.3 })); const horiz = grid[d.i - 1] === 1 && grid[d.i + 1] === 1; if (!horiz) mesh.rotation.y = Math.PI / 2; mesh.position.set(d.x + 0.5, 0.5, d.z + 0.5); d.mesh = mesh; scene.add(mesh); if (d.lock) for (const s of [-1, 1]) { const lamp = new THREE.Sprite(glowMat(d.lock === 'red' ? '#ff3020' : '#3070ff')); lamp.scale.setScalar(0.2); lamp.position.set(d.x + 0.5 + (horiz ? 0 : s * 0.15), 0.9, d.z + 0.5 + (horiz ? s * 0.15 : 0)); scene.add(lamp); d.lamps.push(lamp); } } // ---------- SPARKS ---------- const MAXP = 700; const pPos = new Float32Array(MAXP * 3).fill(-50), pCol = new Float32Array(MAXP * 3), pVel = new Float32Array(MAXP * 3), pBase = new Float32Array(MAXP * 3), pLife = new Float32Array(MAXP); const pGeo = new THREE.BufferGeometry(); pGeo.setAttribute('position', new THREE.BufferAttribute(pPos, 3)); pGeo.setAttribute('color', new THREE.BufferAttribute(pCol, 3)); const sparks = new THREE.Points(pGeo, new THREE.PointsMaterial({ size: 0.07, map: glowTex, vertexColors: true, blending: THREE.AdditiveBlending, depthWrite: false, transparent: true, fog: false })); sparks.frustumCulled = false; scene.add(sparks); let pNext = 0; function burst(x, y, z, n, r, g, b, spd) { for (let i = 0; i < n; i++) { const k = pNext; pNext = (pNext + 1) % MAXP; pPos[k * 3] = x; pPos[k * 3 + 1] = y; pPos[k * 3 + 2] = z; const a = Math.random() * Math.PI * 2, u = Math.random() * 2 - 1, s = spd * (0.3 + Math.random()); const q = Math.sqrt(1 - u * u); pVel[k * 3] = Math.cos(a) * q * s; pVel[k * 3 + 1] = Math.abs(u) * s + 0.8; pVel[k * 3 + 2] = Math.sin(a) * q * s; pBase[k * 3] = r; pBase[k * 3 + 1] = g; pBase[k * 3 + 2] = b; pLife[k] = 0.3 + Math.random() * 0.5; } } // explosions const booms = []; for (let i = 0; i < 8; i++) { const s = new THREE.Sprite(glowMat('#ffa050')); s.visible = false; scene.add(s); booms.push({ s, t: 1, active: false }); } // ---------- ENEMIES ---------- const enemies = []; function makeEnemy() { const mat = new THREE.SpriteMaterial({ map: TYPES.bot.t, alphaTest: 0.5 }); const sprite = new THREE.Sprite(mat); const glow = new THREE.Sprite(glowMat('#ff3020')); glow.visible = false; scene.add(sprite, glow); const e = { sprite, mat, glow, x: 0, z: 0, hp: 3, alive: false, dying: 0, alerted: false, cd: 1, phase: Math.random() * 6, flash: 0, shootT: 0, strafe: 1, strafeT: 0, type: TYPES.bot }; enemies.push(e); return e; } function spawnEnemy(x, z, kind) { const ty = TYPES[kind] || TYPES.bot; let e = enemies.find((q) => !q.alive && q.dying <= 0); if (!e) e = makeEnemy(); Object.assign(e, { type: ty, x, z, hp: ty.hp + Math.floor((wave - 1) / 3) * (kind === 'sentinel' ? 2 : 1), alive: true, dying: 0, alerted: false, cd: 1 + Math.random(), flash: 0, shootT: 0 }); e.mat.map = ty.t; e.mat.needsUpdate = true; e.mat.color.setRGB(1, 1, 1); e.mat.rotation = 0; e.sprite.visible = true; e.sprite.scale.set(ty.h * ty.a, ty.h, 1); e.sprite.position.set(x, ty.h / 2, z); } // enemy projectiles const shots = []; for (let i = 0; i < 40; i++) { const s = new THREE.Sprite(glowMat('#ff4030')); s.visible = false; s.scale.setScalar(0.26); scene.add(s); shots.push({ s, active: false, x: 0, z: 0, vx: 0, vz: 0, life: 0, dmg: 10 }); } // player rockets const rockets = []; for (let i = 0; i < 6; i++) { const s = new THREE.Sprite(glowMat('#ff8a30')); s.visible = false; s.scale.setScalar(0.3); scene.add(s); rockets.push({ s, active: false, x: 0, z: 0, vx: 0, vz: 0, life: 0 }); } // items const items = []; function makeItem(kind, x, z, drop) { const def = IT[kind]; const s = new THREE.Sprite(new THREE.SpriteMaterial({ map: def.t, alphaTest: 0.5, color: def.col || '#ffffff' })); const h = Math.min(def.h, 0.7 / Math.max(0.1, def.a)); s.scale.set(h * def.a, h, 1); let glow = null; if (def.glow) { glow = new THREE.Sprite(glowMat(def.glow)); glow.scale.setScalar(0.6); scene.add(glow); } scene.add(s); const it = { s, glow, kind, def, h, x, z, active: true, drop, base: true }; items.push(it); return it; } for (const [x, z, k] of ITEM_SPOTS) if (grid[z * W + x] === 0) makeItem(k, x + 0.5, z + 0.5, false); function spawnDrop(x, z) { let it = items.find((q) => q.drop && !q.active); if (!it) { if (items.filter((q) => q.drop).length >= 12) return; it = makeItem('ammo', x, z, true); } it.x = x; it.z = z; it.active = true; } // barrels for (const [x, z] of BARREL_SPOTS) { if (grid[z * W + x] !== 0) continue; const mat = new THREE.SpriteMaterial({ map: barrelT.t, alphaTest: 0.5 }); const s = new THREE.Sprite(mat); const h = 0.52; s.scale.set(h * barrelT.a, h, 1); s.position.set(x + 0.5, h / 2, z + 0.5); scene.add(s); barrels.push({ s, mat, x: x + 0.5, z: z + 0.5, hp: 2, alive: true, lit: false, fuse: 0, flash: 0 }); } // ---------- GAME STATE ---------- const player = { x: startX, z: startZ, yaw: 0, hp: 100, bob: 0, moveAmt: 0, recoil: 0, fireCD: 0, hurt: 0, flash: 0, score: 0, kills: 0, weapon: 0, switchT: 0, owned: [true, false, false, false], ammo: { shells: 0, cells: 0, rockets: 0 }, keys: { red: false, blue: false } }; const startYaw = -Math.PI / 2; let state = 'title', deadT = 0, wave = 1, waveBanner = 0, nextWaveT = -1, timeNow = 0; let msgText = '', msgT = 0, zoneName = '', zoneT = 0, curZone = -1, shake = 0, deniedCD = 0; let snapHead = false, aimYaw = startYaw, vrOn = false, gunHand = null, vrFire = false; const msg = (t, d = 2) => { msgText = t; msgT = d; }; function resetGame() { Object.assign(player, { x: startX, z: startZ, yaw: startYaw, hp: 100, recoil: 0, fireCD: 0.3, hurt: 0, flash: 0, score: 0, kills: 0, weapon: 0, switchT: 0 }); player.owned = [true, false, false, false]; player.ammo = { shells: 0, cells: 0, rockets: 0 }; player.keys = { red: false, blue: false }; wave = 1; deadT = 0; nextWaveT = -1; waveBanner = 2.5; curZone = -1; msgT = 0; shake = 0; for (const d of doors) { d.lock = d.lock0; d.open = 0; d.target = 0; d.timer = 0; d.mesh.position.y = 0.5; for (const l of d.lamps) l.material.color.set(d.lock === 'red' ? '#ff3020' : '#3070ff'); } for (const e of enemies) { e.alive = false; e.dying = 0; e.sprite.visible = false; e.glow.visible = false; } for (const s of shots) { s.active = false; s.s.visible = false; } for (const r of rockets) { r.active = false; r.s.visible = false; } for (const it of items) it.active = !it.drop; for (const b of barrels) { b.alive = true; b.hp = 2; b.lit = false; b.s.visible = true; } for (const [x, z, k] of ENEMY_SPOTS) if (grid[z * W + x] === 0) spawnEnemy(x + 0.5, z + 0.5, k); bfsCell = -1; snapHead = true; aimYaw = startYaw; } function spawnWave(n) { wave = n; waveBanner = 2.5; bfs(Math.floor(player.x), Math.floor(player.z)); const cand = []; for (let i = 0; i < W * H; i++) if (grid[i] === 0 && dist[i] >= 9) cand.push(i); for (let i = cand.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [cand[i], cand[j]] = [cand[j], cand[i]]; } const count = Math.min(6 + n * 2, 24, cand.length); const sentP = Math.min(0.3, 0.08 + n * 0.04); for (let i = 0; i < count; i++) { const r = Math.random(); spawnEnemy((cand[i] % W) + 0.5, Math.floor(cand[i] / W) + 0.5, r < 0.32 ? 'dog' : r < 0.32 + sentP ? 'sentinel' : 'bot'); } for (const it of items) if (it.kind === 'med' || (it.kind === 'ammo' && !it.drop)) it.active = true; for (const b of barrels) if (!b.alive && Math.hypot(player.x - b.x, player.z - b.z) > 1.5) { b.alive = true; b.hp = 2; b.lit = false; b.s.visible = true; } bfsCell = -1; } resetGame(); const panFor = (x, z) => { const dx = x - player.x, dz = z - player.z, d = Math.hypot(dx, dz) || 1; return Math.max(-1, Math.min(1, (dx * Math.cos(player.yaw) - dz * Math.sin(player.yaw)) / d)) * 0.8; }; function damagePlayer(n) { if (state !== 'play' || n <= 0) return; player.hp -= n; player.hurt = 1; play(SND.hurt, { volume: 0.7, rate: 0.9 + Math.random() * 0.2 }); if (player.hp <= 0) { player.hp = 0; state = 'dead'; deadT = 0; try { if (document.pointerLockElement === canvas) document.exitPointerLock(); } catch (e) {} } } function killEnemy(e) { e.alive = false; e.dying = 0.45; e.glow.visible = false; player.score += e.type.score; player.kills++; play(SND.boom, { volume: 0.8, rate: 0.85 + Math.random() * 0.3, pan: panFor(e.x, e.z) }); burst(e.x, 0.5, e.z, 40, 2.0, 0.9, 0.3, 2.4); if (Math.random() < e.type.drop) spawnDrop(e.x, e.z); } function damageEnemy(e, n, fx, fz, push) { if (!e.alive) return; e.hp -= n; e.flash = 1; e.alerted = true; moveBody(e, fx * push, fz * push, 0.28); if (e.hp <= 0) killEnemy(e); } function damageBarrel(b, n) { if (!b.alive) return; b.hp -= n; b.flash = 1; if (b.hp <= 0 && !b.lit) { b.lit = true; b.fuse = 0.06; } } function explode(x, z, r, dmg, pdmg) { play(SND.boom, { volume: 1, rate: 0.6 + Math.random() * 0.15, pan: panFor(x, z) }); burst(x, 0.35, z, 90, 2.2, 1.0, 0.3, 3.2); burst(x, 0.5, z, 30, 0.5, 0.45, 0.4, 1.4); const bm = booms.find((q) => !q.active) || booms[0]; bm.active = true; bm.t = 0; bm.s.visible = true; bm.s.position.set(x, 0.45, z); boomLight.position.set(x, 0.6, z); boomLight.intensity = 30; const pd = Math.hypot(player.x - x, player.z - z); shake = Math.max(shake, Math.max(0, 1 - pd / 8)); for (const e of enemies) { if (!e.alive) continue; const d = Math.hypot(e.x - x, e.z - z); if (d < 10) e.alerted = true; if (d < r && los(x, z, e.x, e.z)) { const k = 1 - d / r * 0.6, dd = d || 1; damageEnemy(e, dmg * k, (e.x - x) / dd, (e.z - z) / dd, 0.35); } } if (pd < r && los(x, z, player.x, player.z)) damagePlayer(Math.round(pdmg * (1 - pd / r))); for (const b of barrels) { if (!b.alive || b.lit) continue; if (Math.hypot(b.x - x, b.z - z) < r) { b.lit = true; b.fuse = 0.12 + Math.random() * 0.12; } } } const hasAmmo = (i) => !WEAPONS[i].ammo || player.ammo[WEAPONS[i].ammo] > 0; function selectWeapon(i) { if (i < 0 || i > 3 || !player.owned[i] || i === player.weapon) return; player.weapon = i; player.switchT = 0.3; play(SND.pick, { volume: 0.25, rate: 1.8 }); } function cycleWeapon(dir) { for (let k = 1; k <= 3; k++) { const i = (player.weapon + dir * k + 8) % 4; if (player.owned[i] && hasAmmo(i)) { selectWeapon(i); return; } } } function bestWeapon() { for (const i of [2, 1, 3, 0]) if (player.owned[i] && hasAmmo(i)) return i; return 0; } function hitscan(ang, w) { const a = aimYaw + ang, fx = -Math.sin(a), fz = -Math.cos(a); const wallD = rayWall(player.x, player.z, fx, fz); let target = null, barrel = null, best = wallD; for (const e of enemies) { if (!e.alive) continue; const ex = e.x - player.x, ez = e.z - player.z, along = ex * fx + ez * fz; if (along < 0.1 || along > best) continue; if (Math.abs(ex * fz - ez * fx) < e.type.hw) { best = along; target = e; barrel = null; } } for (const b of barrels) { if (!b.alive) continue; const ex = b.x - player.x, ez = b.z - player.z, along = ex * fx + ez * fz; if (along < 0.1 || along > best) continue; if (Math.abs(ex * fz - ez * fx) < 0.2) { best = along; barrel = b; target = null; } } const [sr, sg, sb] = w.spark, n = w.pellets > 1 ? 5 : 10; if (target) { damageEnemy(target, w.dmg, fx, fz, w.pellets > 1 ? 0.05 : 0.1); burst(target.x - fx * 0.2, 0.4 + Math.random() * 0.3, target.z - fz * 0.2, n + 4, 0.6, 1.4, 2.0, 1.6); } else if (barrel) { damageBarrel(barrel, w.dmg); burst(barrel.x - fx * 0.2, 0.3, barrel.z - fz * 0.2, n, 2, 1.2, 0.3, 1.2); } else { const d = Math.max(0, wallD - 0.03); burst(player.x + fx * d, 0.3 + Math.random() * 0.35, player.z + fz * d, n, sr, sg, sb, 1.2); } } function playerFire() { let w = WEAPONS[player.weapon]; if (!hasAmmo(player.weapon)) { selectWeapon(bestWeapon()); return; } if (w.ammo) player.ammo[w.ammo]--; player.fireCD = w.cd; player.recoil = w.kick; player.flash = 1; if (vrOn && gunHand && gunHand.pulse) { try { gunHand.pulse(Math.min(1, 0.25 + w.kick * 0.3), player.weapon === 2 ? 25 : 60); } catch (e) {} } const fx = -Math.sin(aimYaw), fz = -Math.cos(aimYaw); if (player.weapon === 0) play(SND.shot, { volume: 0.55, rate: 0.92 + Math.random() * 0.16 }); else if (player.weapon === 1) { play(SND.shot, { volume: 0.9, rate: 0.5 + Math.random() * 0.08 }); play(SND.boom, { volume: 0.3, rate: 1.7 + Math.random() * 0.2 }); } else if (player.weapon === 2) play(SND.shot, { volume: 0.3, rate: 1.5 + Math.random() * 0.25 }); else play(SND.eshot, { volume: 0.8, rate: 0.42 + Math.random() * 0.06 }); for (const e of enemies) if (e.alive && Math.hypot(e.x - player.x, e.z - player.z) < 9 && dist[Math.floor(e.z) * W + Math.floor(e.x)] >= 0) e.alerted = true; if (w.rocket) { const r = rockets.find((q) => !q.active); if (r) { Object.assign(r, { active: true, x: player.x + fx * 0.3, z: player.z + fz * 0.3, vx: fx * 9, vz: fz * 9, life: 4 }); r.s.visible = true; } } else { for (let p = 0; p < w.pellets; p++) hitscan((Math.random() - 0.5) * 2 * w.spread, w); } if (w.ammo && player.ammo[w.ammo] <= 0) { msg('OUT OF AMMO', 1.2); } } function enemyFire(e, dx, dz, d) { const ty = e.type, n = ty.burst || 1; for (let b = 0; b < n; b++) { const p = shots.find((s) => !s.active); if (!p) break; const spread = (Math.random() - 0.5) * 0.22 / Math.max(0.5, params.difficulty) + (b - (n - 1) / 2) * 0.2; const c = Math.cos(spread), s = Math.sin(spread); const vx = dx * c - dz * s, vz = dx * s + dz * c, spd = (5.5 + params.difficulty * 1.5) * ty.shotSpd; Object.assign(p, { active: true, x: e.x + dx * 0.3, z: e.z + dz * 0.3, vx: vx * spd, vz: vz * spd, life: 4, dmg: ty.dmg }); p.s.material.color.set(ty.shotCol); p.s.visible = true; } e.shootT = 0.18; play(SND.eshot, { volume: Math.max(0.15, Math.min(1, 1.2 - d / 14)) * 0.6, rate: ty.shotRate * (0.9 + Math.random() * 0.25), pan: panFor(e.x, e.z) }); } function tryPick(it) { const k = it.kind; if (k === 'med') { if (player.hp >= 100) return false; player.hp = Math.min(100, player.hp + 30); msg('+30 HEALTH', 1.2); play(SND.pick, { volume: 0.7 }); } else if (k === 'ammo') { let got = false; for (const a in AMMO_BOX) if (player.ammo[a] < AMMO_CAP[a]) { player.ammo[a] = Math.min(AMMO_CAP[a], player.ammo[a] + AMMO_BOX[a]); got = true; } if (!got) return false; msg('AMMO', 1); play(SND.pick, { volume: 0.6, rate: 1.2 }); } else if (k === 'key_red' || k === 'key_blue') { const c = k === 'key_red' ? 'red' : 'blue'; player.keys[c] = true; msg(c.toUpperCase() + ' KEYCARD ACQUIRED', 2.2); play(SND.pick, { volume: 0.8, rate: 1.35 }); } else { const i = k === 'w1' ? 1 : k === 'w2' ? 2 : 3, w = WEAPONS[i]; player.owned[i] = true; player.ammo[w.ammo] = Math.min(AMMO_CAP[w.ammo], player.ammo[w.ammo] + w.give); player.weapon = i; player.switchT = 0.3; msg(w.name + ' ACQUIRED', 2.4); play(SND.pick, { volume: 0.9, rate: 0.75 }); } return true; } // ---------- RENDER TARGETS & HUD ---------- const rt = new THREE.WebGLRenderTarget(4, 4, { minFilter: THREE.NearestFilter, magFilter: THREE.NearestFilter, depthBuffer: true }); const screenScene = new THREE.Scene(); const ortho = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 2); ortho.position.z = 1; const viewQuad = new THREE.Mesh(new THREE.PlaneGeometry(2, 2), new THREE.MeshBasicMaterial({ map: rt.texture, depthTest: false, depthWrite: false, toneMapped: false })); const hudCanvas = document.createElement('canvas'); const hctx = hudCanvas.getContext('2d'); const hudTex = new THREE.CanvasTexture(hudCanvas); hudTex.colorSpace = THREE.SRGBColorSpace; hudTex.minFilter = THREE.LinearFilter; hudTex.generateMipmaps = false; const hudQuad = new THREE.Mesh(new THREE.PlaneGeometry(2, 2), new THREE.MeshBasicMaterial({ map: hudTex, transparent: true, depthTest: false, depthWrite: false, toneMapped: false })); hudQuad.renderOrder = 1; screenScene.add(viewQuad, hudQuad); let dpr = 1, cssW = 1, cssH = 1; const scan = document.createElement('canvas'); scan.width = 4; scan.height = 4; { const s = scan.getContext('2d'); s.fillStyle = 'rgba(0,0,0,0.18)'; s.fillRect(0, 0, 4, 2); } let scanPattern = null; function sizeAll(w0, h0) { const w = Math.max(1, Math.round((typeof w0 === 'number' && w0 > 0) ? w0 : (canvas.clientWidth || size.width))); const h = Math.max(1, Math.round((typeof h0 === 'number' && h0 > 0) ? h0 : (canvas.clientHeight || size.height))); cssW = w; cssH = h; rt.setSize(Math.max(1, Math.floor(w / params.pixel)), Math.max(1, Math.floor(h / params.pixel))); dpr = Math.min(size.pixelRatio || window.devicePixelRatio || 1, 1.5); hudCanvas.width = Math.max(1, Math.floor(w * dpr)); hudCanvas.height = Math.max(1, Math.floor(h * dpr)); hudTex.dispose(); // GPU texture must be reallocated at the new size hudTex.needsUpdate = true; scanPattern = hctx.createPattern(scan, 'repeat'); } sizeAll(); // ---------- VR ---------- const vHead = new THREE.Vector3(), vDir = new THREE.Vector3(), vTmp = new THREE.Vector3(); let calibT = 0, snapLatch = false, prevA = false, prevB = false, wristT = 0, bannerKey = ''; const gunMetal = new THREE.MeshStandardMaterial({ color: '#4a505a', roughness: 0.45, metalness: 0.3 }); const gunDark = new THREE.MeshStandardMaterial({ color: '#1c1e22', roughness: 0.7, metalness: 0.2 }); const vrGun = new THREE.Group(); const addBox = (p, w, h, d, m, x, y, z) => { const o = new THREE.Mesh(new THREE.BoxGeometry(w, h, d), m); o.position.set(x, y, z); p.add(o); return o; }; const addCyl = (p, r, len, m, x, y, z) => { const geo = new THREE.CylinderGeometry(r, r, len, 10); geo.rotateX(Math.PI / 2); const o = new THREE.Mesh(geo, m); o.position.set(x, y, z); p.add(o); return o; }; const gunModels = WEAPONS.map((w, i) => { const g = new THREE.Group(), glow = new THREE.MeshBasicMaterial({ color: w.flash, fog: false }); let spin = null, muzzle = -0.2; addBox(g, 0.028, 0.085, 0.036, gunDark, 0, -0.055, 0.075).rotation.x = 0.35; if (i === 0) { addBox(g, 0.045, 0.06, 0.2, gunMetal, 0, 0, 0.02); addCyl(g, 0.012, 0.12, gunDark, 0, 0.005, -0.13); addBox(g, 0.048, 0.012, 0.15, glow, 0, 0.024, 0.01); addCyl(g, 0.016, 0.015, glow, 0, 0.005, -0.19); muzzle = -0.2; } else if (i === 1) { addBox(g, 0.05, 0.055, 0.18, gunMetal, 0, 0, 0.04); for (const s of [-1, 1]) addCyl(g, 0.014, 0.2, gunDark, s * 0.015, 0.008, -0.14); addBox(g, 0.056, 0.03, 0.07, gunDark, 0, -0.025, -0.12); addBox(g, 0.052, 0.01, 0.1, glow, 0, 0.03, 0.04); muzzle = -0.25; } else if (i === 2) { addBox(g, 0.075, 0.075, 0.15, gunMetal, 0, 0, 0.04); spin = new THREE.Group(); spin.position.set(0, 0, -0.06); g.add(spin); for (let k = 0; k < 6; k++) { const a = k / 6 * Math.PI * 2; addCyl(spin, 0.008, 0.22, gunDark, Math.cos(a) * 0.022, Math.sin(a) * 0.022, -0.1); } addCyl(spin, 0.032, 0.012, glow, 0, 0, -0.2); addBox(g, 0.077, 0.012, 0.1, glow, 0, 0.04, 0.04); muzzle = -0.28; } else { addCyl(g, 0.042, 0.4, gunMetal, 0, 0.03, -0.04); addCyl(g, 0.046, 0.02, glow, 0, 0.03, -0.24); addCyl(g, 0.046, 0.02, gunDark, 0, 0.03, 0.16); addBox(g, 0.03, 0.04, 0.06, gunDark, 0, -0.015, 0.0); muzzle = -0.26; } g.visible = i === 0; vrGun.add(g); return { g, glow, spin, muzzle, col: new THREE.Color(w.flash) }; }); const vrMuzzle = new THREE.Sprite(glowMat('#ffffff')); vrMuzzle.visible = false; vrGun.add(vrMuzzle); const wristCanvas = document.createElement('canvas'); wristCanvas.width = 512; wristCanvas.height = 320; const wctx = wristCanvas.getContext('2d'); const wristTex = new THREE.CanvasTexture(wristCanvas); wristTex.colorSpace = THREE.SRGBColorSpace; const wrist = new THREE.Mesh(new THREE.PlaneGeometry(0.16, 0.1), new THREE.MeshBasicMaterial({ map: wristTex, transparent: true, depthTest: false, depthWrite: false, fog: false, toneMapped: false })); wrist.renderOrder = 10; wrist.position.set(0, 0.07, 0.02); wrist.rotation.x = -0.5; const banCanvas = document.createElement('canvas'); banCanvas.width = 1024; banCanvas.height = 512; const banCtx = banCanvas.getContext('2d'); const banTex = new THREE.CanvasTexture(banCanvas); banTex.colorSpace = THREE.SRGBColorSpace; const banner = new THREE.Mesh(new THREE.PlaneGeometry(1.2, 0.6), new THREE.MeshBasicMaterial({ map: banTex, transparent: true, depthTest: false, depthWrite: false, fog: false, toneMapped: false })); banner.renderOrder = 20; banner.visible = false; scene.add(banner); const hurtMesh = new THREE.Mesh(new THREE.SphereGeometry(0.5, 16, 12), new THREE.MeshBasicMaterial({ color: '#ff1010', side: THREE.BackSide, transparent: true, opacity: 0, depthTest: false, depthWrite: false, fog: false })); hurtMesh.renderOrder = 30; hurtMesh.visible = false; function vrEnter() { vrOn = true; const rig = XR.rig; rig.scale.setScalar(0.3125); rig.rotation.set(0, player.yaw, 0); rig.position.set(player.x, 0, player.z); snapHead = true; calibT = 0.8; bannerKey = ''; if (hurtMesh.parent !== camera) camera.add(hurtMesh); try { if (document.pointerLockElement === canvas) document.exitPointerLock(); } catch (e) {} } function vrExit() { vrOn = false; vrFire = false; gunHand = null; const rig = XR && XR.rig; if (rig) { rig.position.set(0, 0, 0); rig.rotation.set(0, 0, 0); rig.scale.setScalar(1); } vrGun.removeFromParent(); wrist.removeFromParent(); banner.visible = false; hurtMesh.visible = false; } function vrPre(dt) { const rig = XR.rig; if (calibT > 0) { calibT -= dt; if (calibT <= 0) { camera.getWorldPosition(vHead); const h = vHead.y / Math.max(0.01, rig.scale.y); if (h > 0.6) { rig.scale.setScalar(0.5 / Math.min(1.9, Math.max(1.0, h))); snapHead = true; } } } camera.getWorldPosition(vHead); if (snapHead) { rig.position.x += player.x - vHead.x; rig.position.z += player.z - vHead.z; vHead.x = player.x; vHead.z = player.z; snapHead = false; } else { const dx = Math.max(-0.3, Math.min(0.3, vHead.x - player.x)), dz = Math.max(-0.3, Math.min(0.3, vHead.z - player.z)); moveBody(player, dx, dz, 0.24); } camera.getWorldDirection(vDir); if (Math.hypot(vDir.x, vDir.z) > 0.05) player.yaw = Math.atan2(-vDir.x, -vDir.z); gunHand = XR.right || XR.left || null; if (gunHand && gunHand.ray) { if (vrGun.parent !== gunHand.ray) gunHand.ray.add(vrGun); gunHand.ray.getWorldDirection(vTmp); aimYaw = Math.hypot(vTmp.x, vTmp.z) > 0.05 ? Math.atan2(vTmp.x, vTmp.z) : player.yaw; } else aimYaw = player.yaw; const off = gunHand === XR.right ? XR.left : XR.right; if (off && off.grip) { if (wrist.parent !== off.grip) off.grip.add(wrist); wrist.visible = true; } else wrist.visible = false; } function vrPost() { const rig = XR.rig; rig.position.x += player.x - vHead.x; rig.position.z += player.z - vHead.z; vHead.x = player.x; vHead.z = player.z; const R = XR.right; const sx = R && R.stick ? R.stick.x : 0; if (Math.abs(sx) > 0.7) { if (!snapLatch) { snapLatch = true; const a = -Math.sign(sx) * Math.PI / 6, c = Math.cos(a), s = Math.sin(a); const ox = rig.position.x - player.x, oz = rig.position.z - player.z; rig.position.x = player.x + ox * c + oz * s; rig.position.z = player.z - ox * s + oz * c; rig.rotation.y += a; } } else if (Math.abs(sx) < 0.3) snapLatch = false; const pa = !!(R && R.a), pb = !!(R && R.b); if (state === 'play') { if (pa && !prevA) cycleWeapon(1); if (pb && !prevB) cycleWeapon(-1); } prevA = pa; prevB = pb; } function drawWrist() { const g = wctx, w = 512, h = 320, wpn = WEAPONS[player.weapon]; g.clearRect(0, 0, w, h); g.fillStyle = 'rgba(6,10,16,0.85)'; g.fillRect(0, 0, w, h); g.strokeStyle = 'rgba(120,230,255,0.7)'; g.lineWidth = 4; g.strokeRect(2, 2, w - 4, h - 4); g.textBaseline = 'top'; g.textAlign = 'left'; g.font = 'bold 30px monospace'; g.fillStyle = '#e8e8e8'; g.fillText('HEALTH ' + Math.ceil(player.hp), 20, 18); const hp = player.hp / 100; g.fillStyle = '#2a0c0c'; g.fillRect(20, 56, 472, 30); g.fillStyle = hp > 0.5 ? '#4cff7a' : hp > 0.25 ? '#ffc94a' : '#ff3b3b'; for (let i = 0; i < 20; i++) if (i / 20 < hp) g.fillRect(20 + i * 23.6 + 1, 57, 21.6, 28); g.fillStyle = '#9fe6ff'; g.fillText(wpn.name, 20, 104); g.font = 'bold 64px monospace'; g.fillStyle = wpn.ammo && player.ammo[wpn.ammo] <= 0 ? '#ff4a3a' : '#ffd36b'; g.fillText(wpn.ammo ? String(player.ammo[wpn.ammo]) : '∞', 20, 146); g.textAlign = 'right'; g.font = 'bold 26px monospace'; g.fillStyle = '#ffd36b'; g.fillText('SCORE ' + String(player.score).padStart(6, '0'), 492, 146); g.fillStyle = '#9fe6ff'; g.fillText('WAVE ' + wave, 492, 180); g.fillStyle = '#ff6a5a'; g.fillText('BOTS ' + enemies.filter((e) => e.alive).length, 492, 214); g.textAlign = 'left'; g.fillStyle = '#bbbbbb'; g.fillText('KEYS', 20, 262); [['red', '#ff4a3a'], ['blue', '#4a86ff']].forEach(([k, c], i) => { g.fillStyle = player.keys[k] ? c : 'rgba(255,255,255,0.12)'; g.fillRect(105 + i * 50, 262, 38, 26); }); for (let i = 0; i < 4; i++) { const x = 300 + i * 48; g.fillStyle = i === player.weapon ? '#ffd36b' : player.owned[i] ? 'rgba(160,230,255,0.5)' : 'rgba(255,255,255,0.08)'; g.fillRect(x, 256, 38, 38); g.fillStyle = player.owned[i] ? '#000' : 'rgba(255,255,255,0.25)'; g.fillText(String(i + 1), x + 11, 262); } } function bannerContent() { if (state === 'title') return { bg: true, big: 'TUNNEL PROTOCOL', col: '#ff4a32', small: [['The machines hold the facility. Find keycards, arm up.', '#e6e6e6'], ['Left stick move · Right stick snap-turn', '#9fe6ff'], ['Trigger fire · A / B / grip swap weapon', '#9fe6ff'], ['PULL TRIGGER TO START', '#ffd36b']] }; if (state === 'dead') return { bg: true, big: 'TERMINATED', col: '#ff2a2a', small: [['SCORE ' + player.score + ' · ' + player.kills + ' ROBOTS DOWN · WAVE ' + wave, '#e6e6e6']].concat(deadT > 0.8 ? [['PULL TRIGGER TO RESTART', '#ffd36b']] : []) }; const small = []; if (nextWaveT > 0) small.push(['SECTOR CLEARED', '#9fe6ff']); if (zoneT > 0.3) small.push(['— ' + zoneName + ' —', '#e8f6ff']); if (msgT > 0) small.push([msgText, msgText.includes('REQUIRED') ? '#ff6a5a' : '#ffd36b']); return { bg: false, big: waveBanner > 0.2 ? 'WAVE ' + wave : '', col: '#ff5040', small }; } function drawBanner(c) { const g = banCtx; g.clearRect(0, 0, 1024, 512); g.textAlign = 'center'; g.textBaseline = 'middle'; if (c.bg) { g.fillStyle = 'rgba(0,0,0,0.72)'; g.fillRect(0, 40, 1024, 432); g.strokeStyle = 'rgba(255,74,50,0.6)'; g.lineWidth = 4; g.strokeRect(2, 42, 1020, 428); } let y = c.big ? 150 : 200; if (c.big) { g.font = 'bold 100px monospace'; g.fillStyle = '#000'; g.fillText(c.big, 517, y + 6); g.fillStyle = c.col; g.fillText(c.big, 512, y); y += 100; } g.font = 'bold 28px monospace'; for (const [t, col] of c.small) { g.fillStyle = '#000'; g.fillText(t, 514, y + 3); g.fillStyle = col; g.fillText(t, 512, y); y += 48; } banTex.needsUpdate = true; } function vrHUD(dt) { for (let i = 0; i < 4; i++) gunModels[i].g.visible = i === player.weapon; const m = gunModels[player.weapon]; vrGun.position.set(0, -0.01, player.recoil * 0.03); vrGun.rotation.set(-player.switchT * 2.5 + player.recoil * 0.12, 0, 0); m.glow.color.copy(m.col).multiplyScalar(1 + player.flash * 2.5); if (m.spin) m.spin.rotation.z += dt * (vrFire && state === 'play' ? 30 : 2); vrMuzzle.visible = player.flash > 0.05; vrMuzzle.position.set(0, player.weapon === 3 ? 0.03 : 0.005, m.muzzle); vrMuzzle.scale.setScalar(0.04 + player.flash * 0.16); vrMuzzle.material.color.copy(m.col); const ha = state === 'dead' ? 0.4 : player.hurt * 0.35; hurtMesh.visible = ha > 0.01; hurtMesh.material.opacity = ha; wristT -= dt; if (wristT <= 0 && wrist.visible) { wristT = 0.1; drawWrist(); wristTex.needsUpdate = true; } const c = bannerContent(), key = JSON.stringify(c); if (key !== bannerKey) { bannerKey = key; drawBanner(c); } const show = !!(c.big || c.small.length); if (show) { const S = XR.rig.scale.x; camera.getWorldDirection(vDir); let fx = vDir.x, fz = vDir.z; const fl = Math.hypot(fx, fz) || 1; fx /= fl; fz /= fl; vTmp.set(vHead.x + fx * 1.4 * S, vHead.y + (c.bg ? -0.05 : -0.22) * S, vHead.z + fz * 1.4 * S); if (!banner.visible) banner.position.copy(vTmp); else banner.position.lerp(vTmp, Math.min(1, dt * 3)); banner.lookAt(vHead.x, banner.position.y, vHead.z); banner.scale.setScalar(S); } banner.visible = show; } const xrOffs = []; if (XR && XR.on) { try { xrOffs.push(XR.on('selectstart', () => { if (state !== 'play') { handleStart(); return; } vrFire = true; })); xrOffs.push(XR.on('selectend', () => { vrFire = false; })); xrOffs.push(XR.on('squeezestart', () => { if (state === 'play') cycleWeapon(1); })); } catch (e) {} } // ---------- INPUT ---------- const keys = {}; const GAME_KEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Space', 'KeyW', 'KeyA', 'KeyS', 'KeyD', 'KeyQ', 'KeyE', 'Enter', 'Digit1', 'Digit2', 'Digit3', 'Digit4', 'Tab']; function handleStart() { if (state === 'title') { state = 'play'; waveBanner = 2.5; return true; } if (state === 'dead') { if (deadT > 0.8) { resetGame(); state = 'play'; } return true; } return false; } const onKeyDown = (e) => { if (GAME_KEYS.includes(e.code)) e.preventDefault(); if ((e.code === 'Space' || e.code === 'Enter') && handleStart()) return; if (state === 'play') { if (e.code.startsWith('Digit')) selectWeapon(parseInt(e.code.slice(5), 10) - 1); if (e.code === 'Tab' && !e.repeat) cycleWeapon(1); } keys[e.code] = true; }; const onKeyUp = (e) => { keys[e.code] = false; }; window.addEventListener('keydown', onKeyDown); window.addEventListener('keyup', onKeyUp); let wheelT = 0; const onWheel = (e) => { e.preventDefault(); const now = performance.now(); if (state !== 'play' || now - wheelT < 140 || Math.abs(e.deltaY) < 2) return; wheelT = now; cycleWeapon(e.deltaY > 0 ? 1 : -1); }; canvas.addEventListener('wheel', onWheel, { passive: false }); const fingers = new Map(); const btnS = () => Math.max(0.75, Math.min(1.25, Math.min(cssW, cssH) / 420)); const fireBtn = () => { const s = btnS(); return { x: cssW - 86 * s, y: cssH - 120 * s, r: 46 * s }; }; const swapBtn = () => { const s = btnS(); return { x: cssW - 86 * s, y: cssH - 226 * s, r: 34 * s }; }; const locked = () => document.pointerLockElement === canvas; function tryLock() { if (touchScreen || !canvas.requestPointerLock) return; try { const p = canvas.requestPointerLock(); if (p && p.catch) p.catch(() => {}); } catch (e) {} } const local = (e) => { const r = canvas.getBoundingClientRect(); return [e.clientX - r.left, e.clientY - r.top]; }; const onDown = (e) => { try { canvas.setPointerCapture(e.pointerId); } catch (err) {} const [x, y] = local(e); if (state !== 'play') { handleStart(); if (e.pointerType !== 'touch') tryLock(); return; } let role = 'mouse'; if (e.pointerType === 'touch') { const fb = fireBtn(), sb = swapBtn(); if (Math.hypot(x - sb.x, y - sb.y) < sb.r * 1.2) { role = 'swap'; cycleWeapon(1); } else if (Math.hypot(x - fb.x, y - fb.y) < fb.r * 1.3) role = 'fire'; else role = x < cssW * 0.5 ? 'joy' : 'look'; } else if (!locked()) tryLock(); fingers.set(e.pointerId, { role, sx: x, sy: y, x, y, lx: x, t: performance.now(), moved: 0 }); }; const onMove = (e) => { if (e.pointerType !== 'touch' && locked()) { if (state === 'play') player.yaw -= (e.movementX || 0) * 0.0025 * params.sensitivity; return; } const f = fingers.get(e.pointerId); if (!f) return; const [x, y] = local(e); const dx = x - f.lx; if (f.role === 'look' || f.role === 'mouse') { player.yaw -= dx * 0.006 * params.sensitivity; f.moved += Math.abs(dx); } f.x = x; f.y = y; f.lx = x; }; const onUp = (e) => { const f = fingers.get(e.pointerId); if (f && f.role === 'look' && f.moved < 12 && performance.now() - f.t < 280 && state === 'play' && player.fireCD <= 0 && player.switchT < 0.12) playerFire(); fingers.delete(e.pointerId); }; canvas.addEventListener('pointerdown', onDown); canvas.addEventListener('pointermove', onMove); canvas.addEventListener('pointerup', onUp); canvas.addEventListener('pointercancel', onUp); canvas.style.touchAction = 'none'; // ---------- GUI ---------- gui.add(params, 'pixel', 1, 6, 1).name('Pixel size').onChange(() => sizeAll()); gui.add(params, 'fog', 0.02, 0.3).name('Darkness').onChange((v) => { scene.fog.density = v; }); gui.addColor(params, 'torch').name('Torch'); gui.add(params, 'difficulty', 0.5, 2).name('Difficulty'); gui.add(params, 'sensitivity', 0.3, 2.5).name('Turn speed'); gui.add(params, 'minimap').name('Minimap'); gui.add(params, 'volume', 0, 1).name('Sound volume'); gui.add(params, 'restart').name('Restart'); try { sfx.loop(SND.drone, { volume: 0.35 }); } catch (e) {} // ---------- HUD DRAW ---------- const torchCol = new THREE.Color(); function shadowText(g, t, x, y, col, off) { g.fillStyle = '#000'; g.fillText(t, x + off, y + off); g.fillStyle = col; g.fillText(t, x, y); } function drawHUD() { const g = hctx, Wc = hudCanvas.width, Hc = hudCanvas.height, u = Math.min(Wc, Hc) / 100; g.clearRect(0, 0, Wc, Hc); g.imageSmoothingEnabled = false; const wpn = WEAPONS[player.weapon]; const compact = touchScreen || Wc / Hc < 0.85; // gun const img = wpn.img.image; if (img && img.width) { const tr = wpn.trim, asp = tr.aspect; let gh = Hc * wpn.hs, gw = gh * asp; if (gw > Wc * 0.75) { gw = Wc * 0.75; gh = gw / asp; } const m = player.moveAmt; const bx = Math.sin(player.bob) * u * 3 * m; const by = Math.abs(Math.cos(player.bob)) * u * 2.5 * m + player.recoil * u * 5 + (player.switchT / 0.3) * gh * 0.8 + (state === 'dead' ? deadT * Hc * 0.6 : 0); const gx = Wc / 2 - gw / 2 + bx, gy = Hc - gh + u * 1.5 + by; g.drawImage(img, tr.x0 * img.width, tr.y0 * img.height, tr.w * img.width, tr.h * img.height, gx, gy, gw, gh); if (player.flash > 0.05) { g.globalCompositeOperation = 'lighter'; const [r, gg, b] = wpn.rgb; const fx = gx + gw / 2, fy = gy + gh * 0.08, fr = gw * 0.3 * (0.6 + player.flash * 0.6) * (player.weapon === 1 || player.weapon === 3 ? 1.3 : 1); const fg = g.createRadialGradient(fx, fy, 0, fx, fy, fr); fg.addColorStop(0, `rgba(255,255,240,${player.flash})`); fg.addColorStop(0.3, `rgba(${r},${gg},${b},${0.7 * player.flash})`); fg.addColorStop(1, `rgba(${r},${gg},${b},0)`); g.fillStyle = fg; g.fillRect(fx - fr, fy - fr, fr * 2, fr * 2); g.globalCompositeOperation = 'source-over'; } } // hurt vignette if (player.hurt > 0.01 || state === 'dead') { const a = state === 'dead' ? 0.55 : 0.6 * player.hurt; const vg = g.createRadialGradient(Wc / 2, Hc / 2, Math.min(Wc, Hc) * 0.25, Wc / 2, Hc / 2, Math.max(Wc, Hc) * 0.7); vg.addColorStop(0, 'rgba(255,0,0,0)'); vg.addColorStop(1, `rgba(190,0,0,${a})`); g.fillStyle = vg; g.fillRect(0, 0, Wc, Hc); } if (scanPattern) { g.fillStyle = scanPattern; g.fillRect(0, 0, Wc, Hc); } if (state === 'play') { g.fillStyle = 'rgba(140,240,255,0.85)'; const c = Math.max(2, Math.round(u * 0.5)), L = Math.round(u * 1.6); g.fillRect(Wc / 2 - L - c, Hc / 2 - c / 2, L, c); g.fillRect(Wc / 2 + c, Hc / 2 - c / 2, L, c); g.fillRect(Wc / 2 - c / 2, Hc / 2 - L - c, c, L); g.fillRect(Wc / 2 - c / 2, Hc / 2 + c, c, L); } // stats const fs = Math.round(u * 3.6); g.font = `bold ${fs}px monospace`; g.textBaseline = 'top'; g.textAlign = 'left'; const alive = enemies.filter((e) => e.alive).length; const pad = u * 3; g.fillStyle = 'rgba(0,0,0,0.55)'; g.fillRect(pad - u, pad - u, fs * 9, fs * 5.1); g.fillStyle = '#ffd36b'; g.fillText('SCORE ' + String(player.score).padStart(6, '0'), pad, pad); g.fillStyle = '#9fe6ff'; g.fillText('WAVE ' + wave, pad, pad + fs * 1.2); g.fillStyle = '#ff6a5a'; g.fillText('BOTS ' + alive, pad, pad + fs * 2.4); g.fillStyle = '#bbbbbb'; g.fillText('KEYS', pad, pad + fs * 3.6); [['red', '#ff4a3a'], ['blue', '#4a86ff']].forEach(([k, c], i) => { const kx = pad + fs * 3 + i * fs * 1.6, ky = pad + fs * 3.65; g.fillStyle = player.keys[k] ? c : 'rgba(255,255,255,0.12)'; g.fillRect(kx, ky, fs * 1.2, fs * 0.8); if (player.keys[k]) { g.fillStyle = 'rgba(255,255,255,0.7)'; g.fillRect(kx + fs * 0.15, ky + fs * 0.2, fs * 0.3, fs * 0.25); } }); // health const hbW = u * 32, hbH = u * 3.4; const hxx = compact ? Wc / 2 - hbW / 2 : pad; const hyy = compact ? (params.minimap && Wc / Hc < 0.85 ? pad + Math.max(fs * 5.4, Math.min(u * 26, Wc * 0.3) * H / W + u * 2) + fs * 1.3 : pad + fs * 1.3) : Hc - pad - hbH; g.fillStyle = 'rgba(0,0,0,0.6)'; g.fillRect(hxx - u * 0.6, hyy - fs * 1.3, hbW + u * 1.2, hbH + fs * 1.3 + u * 0.6); g.fillStyle = '#e8e8e8'; g.fillText('HEALTH ' + Math.ceil(player.hp), hxx, hyy - fs * 1.15); g.fillStyle = '#2a0c0c'; g.fillRect(hxx, hyy, hbW, hbH); const hp = player.hp / 100; g.fillStyle = hp > 0.5 ? '#4cff7a' : hp > 0.25 ? '#ffc94a' : '#ff3b3b'; const segs = 20; for (let i = 0; i < segs; i++) if (i / segs < hp) g.fillRect(hxx + i * hbW / segs + 1, hyy + 1, hbW / segs - 2, hbH - 2); // weapon panel { const ammoTxt = wpn.ammo ? String(player.ammo[wpn.ammo]) : '∞'; const bw = fs * 10, bh = fs * 3.6; const bx = compact ? Wc / 2 - bw / 2 : Wc - pad - bw; const byy = compact ? hyy + hbH + u * 1.5 : Hc - pad - bh; g.fillStyle = 'rgba(0,0,0,0.6)'; g.fillRect(bx, byy, bw, bh); g.textAlign = 'left'; g.font = `bold ${Math.round(fs * 0.8)}px monospace`; g.fillStyle = '#9fe6ff'; g.fillText(wpn.name, bx + u, byy + u * 0.8); g.font = `bold ${Math.round(fs * 1.5)}px monospace`; g.fillStyle = wpn.ammo && player.ammo[wpn.ammo] <= 0 ? '#ff4a3a' : '#ffd36b'; g.fillText(ammoTxt, bx + u, byy + fs * 1.6); g.font = `bold ${Math.round(fs * 0.7)}px monospace`; for (let i = 0; i < 4; i++) { const sx = bx + bw - (4 - i) * fs * 1.15 - u * 0.6, sy = byy + fs * 1.9, ss = fs; g.fillStyle = i === player.weapon ? '#ffd36b' : player.owned[i] ? 'rgba(160,230,255,0.5)' : 'rgba(255,255,255,0.08)'; g.fillRect(sx, sy, ss, ss); g.fillStyle = player.owned[i] ? '#000' : 'rgba(255,255,255,0.25)'; g.fillText(String(i + 1), sx + ss * 0.3, sy + ss * 0.15); } } // minimap if (params.minimap) { const mm = Math.min(u * 26, Wc * 0.3), cs = mm / W; const ox = Wc - mm - pad, oy = pad; g.fillStyle = 'rgba(0,0,0,0.55)'; g.fillRect(ox - 2, oy - 2, mm + 4, cs * H + 4); for (let z = 0; z < H; z++) for (let x = 0; x < W; x++) { const v = grid[z * W + x]; if (v === 1) { g.fillStyle = 'rgba(150,150,170,0.65)'; g.fillRect(ox + x * cs, oy + z * cs, cs, cs); } } for (const d of doors) { g.fillStyle = d.lock === 'red' ? '#ff4a3a' : d.lock === 'blue' ? '#4a86ff' : d.open > 0.5 ? 'rgba(255,220,120,0.25)' : '#c9a24a'; g.fillRect(ox + d.x * cs, oy + d.z * cs, cs, cs); } for (const b of barrels) if (b.alive) { g.fillStyle = '#ff6a1a'; g.fillRect(ox + b.x * cs - cs * 0.2, oy + b.z * cs - cs * 0.2, cs * 0.4, cs * 0.4); } for (const it of items) if (it.active) { g.fillStyle = it.def.map || (it.kind === 'med' ? '#4cff7a' : '#c8c060'); g.fillRect(ox + it.x * cs - cs * 0.3, oy + it.z * cs - cs * 0.3, cs * 0.6, cs * 0.6); } for (const e of enemies) if (e.alive) { g.fillStyle = e.type.map; g.fillRect(ox + e.x * cs - cs * 0.35, oy + e.z * cs - cs * 0.35, cs * 0.7, cs * 0.7); } const px = ox + player.x * cs, pz = oy + player.z * cs; g.strokeStyle = '#9fe6ff'; g.lineWidth = Math.max(1, cs * 0.25); g.beginPath(); g.moveTo(px, pz); g.lineTo(px - Math.sin(player.yaw) * cs * 1.8, pz - Math.cos(player.yaw) * cs * 1.8); g.stroke(); g.fillStyle = '#9fe6ff'; g.fillRect(px - cs * 0.4, pz - cs * 0.4, cs * 0.8, cs * 0.8); } // touch controls if (touchScreen && state === 'play') { const fb = fireBtn(), sb = swapBtn(); let firing = false, swapping = false; for (const f of fingers.values()) { if (f.role === 'fire') firing = true; if (f.role === 'swap') swapping = true; } g.textAlign = 'center'; g.textBaseline = 'middle'; g.beginPath(); g.arc(fb.x * dpr, fb.y * dpr, fb.r * dpr, 0, Math.PI * 2); g.fillStyle = firing ? 'rgba(120,230,255,0.45)' : 'rgba(120,230,255,0.18)'; g.fill(); g.strokeStyle = 'rgba(160,240,255,0.8)'; g.lineWidth = 3 * dpr; g.stroke(); g.fillStyle = 'rgba(220,250,255,0.9)'; g.font = `bold ${Math.round(14 * dpr)}px monospace`; g.fillText('FIRE', fb.x * dpr, fb.y * dpr); g.beginPath(); g.arc(sb.x * dpr, sb.y * dpr, sb.r * dpr, 0, Math.PI * 2); g.fillStyle = swapping ? 'rgba(255,211,107,0.45)' : 'rgba(255,211,107,0.15)'; g.fill(); g.strokeStyle = 'rgba(255,220,140,0.8)'; g.stroke(); g.fillStyle = 'rgba(255,240,210,0.9)'; g.font = `bold ${Math.round(12 * dpr)}px monospace`; g.fillText('SWAP', sb.x * dpr, sb.y * dpr); for (const f of fingers.values()) if (f.role === 'joy') { g.beginPath(); g.arc(f.sx * dpr, f.sy * dpr, 55 * dpr, 0, Math.PI * 2); g.strokeStyle = 'rgba(255,255,255,0.35)'; g.stroke(); let dx = f.x - f.sx, dy = f.y - f.sy; const l = Math.hypot(dx, dy); if (l > 55) { dx *= 55 / l; dy *= 55 / l; } g.beginPath(); g.arc((f.sx + dx) * dpr, (f.sy + dy) * dpr, 24 * dpr, 0, Math.PI * 2); g.fillStyle = 'rgba(255,255,255,0.3)'; g.fill(); } } g.textAlign = 'center'; g.textBaseline = 'middle'; if (state === 'play' && zoneT > 0) { g.globalAlpha = Math.min(1, zoneT); g.font = `bold ${Math.round(u * 4.2)}px monospace`; g.font = `bold ${Math.round(Math.min(u * 4.2, Wc / 22))}px monospace`; shadowText(g, '— ' + zoneName + ' —', Wc / 2, Hc * 0.22 + (compact ? fs * 3 : 0), '#e8f6ff', u * 0.4); g.globalAlpha = 1; } if (state === 'play' && waveBanner > 0) { g.globalAlpha = Math.min(1, waveBanner); g.font = `bold ${Math.round(u * 8)}px monospace`; shadowText(g, 'WAVE ' + wave, Wc / 2, Hc * 0.31, '#ff5040', u * 0.5); g.globalAlpha = 1; } if (state === 'play' && nextWaveT > 0) { g.font = `bold ${Math.round(u * 5)}px monospace`; shadowText(g, 'SECTOR CLEARED', Wc / 2, Hc * 0.38, '#9fe6ff', u * 0.4); } if (state === 'play' && msgT > 0) { g.globalAlpha = Math.min(1, msgT * 2); g.font = `bold ${Math.round(Math.min(u * 3.6, Wc / 24))}px monospace`; shadowText(g, msgText, Wc / 2, Hc * 0.44, msgText.includes('REQUIRED') ? '#ff6a5a' : '#ffd36b', u * 0.35); g.globalAlpha = 1; } if (state !== 'play') { g.fillStyle = 'rgba(0,0,0,0.6)'; g.fillRect(0, Hc * 0.28, Wc, Hc * 0.38); const big = Math.round(Math.min(u * 10, Wc / 11)); g.font = `bold ${big}px monospace`; const title = state === 'title' ? 'TUNNEL PROTOCOL' : 'TERMINATED'; g.fillStyle = '#3a0000'; g.fillText(title, Wc / 2 + u * 0.6, Hc * 0.4 + u * 0.6); g.fillStyle = state === 'title' ? '#ff4a32' : '#ff2a2a'; g.fillText(title, Wc / 2, Hc * 0.4); const sm = Math.round(Math.min(u * 3.2, Wc / 42)); g.font = `bold ${sm}px monospace`; g.fillStyle = '#e6e6e6'; if (state === 'title') { g.fillText('The machines hold the facility. Find keycards, arm up.', Wc / 2, Hc * 0.49); g.fillStyle = '#9fe6ff'; g.fillText(touchScreen ? 'Left thumb: move · Right: drag to turn, tap to fire' : 'WASD move · Mouse / ← → turn · Click / Space fire', Wc / 2, Hc * 0.54); g.fillText(touchScreen ? 'SWAP button changes weapon' : '1-4 / wheel / Tab: weapons · shoot red barrels', Wc / 2, Hc * 0.58); g.fillStyle = '#ffd36b'; if (Math.sin(timeNow * 3) > -0.3) g.fillText(touchScreen ? 'TAP TO START' : 'CLICK TO START', Wc / 2, Hc * 0.63); } else { g.fillText('SCORE ' + player.score + ' · ' + player.kills + ' ROBOTS DOWN · WAVE ' + wave, Wc / 2, Hc * 0.5); g.fillStyle = '#ffd36b'; if (deadT > 0.8) g.fillText(touchScreen ? 'TAP TO RESTART' : 'CLICK TO RESTART', Wc / 2, Hc * 0.58); } } hudTex.needsUpdate = true; } // ---------- UPDATE ---------- return { update({ time, delta }) { const dt = Math.min(delta || 0, 0.05); timeNow = time; { const cw = canvas.clientWidth || size.width, ch = canvas.clientHeight || size.height; if (Math.round(cw) !== cssW || Math.round(ch) !== cssH) sizeAll(cw, ch); } sfx.volume = params.volume; const presenting = !!(XR && XR.presenting && XR.rig); if (presenting !== vrOn) { if (presenting) vrEnter(); else vrExit(); } if (vrOn) vrPre(dt); // player input let mf = 0, ms = 0, turn = 0, firing = false; if (state === 'play') { if (keys.KeyW || keys.ArrowUp) mf += 1; if (keys.KeyS || keys.ArrowDown) mf -= 1; if (keys.KeyA) ms -= 1; if (keys.KeyD) ms += 1; if (keys.ArrowLeft || keys.KeyQ) turn += 1; if (keys.ArrowRight || keys.KeyE) turn -= 1; if (keys.Space) firing = true; for (const f of fingers.values()) { if (f.role === 'fire' || f.role === 'mouse') firing = true; if (f.role === 'joy') { let dx = (f.x - f.sx) / 55, dy = (f.y - f.sy) / 55; const l = Math.hypot(dx, dy); if (l > 1) { dx /= l; dy /= l; } mf -= dy; ms += dx; } } if (vrOn) { const L = XR.left; if (L && L.stick && Math.hypot(L.stick.x, L.stick.y) > 0.15) { mf += L.stick.y; ms += L.stick.x; } if (vrFire) firing = true; } player.yaw += turn * 2.4 * dt * params.sensitivity; const fx = -Math.sin(player.yaw), fz = -Math.cos(player.yaw), rx = Math.cos(player.yaw), rz = -Math.sin(player.yaw); let vx = fx * mf + rx * ms, vz = fz * mf + rz * ms; const vl = Math.hypot(vx, vz); if (vl > 1) { vx /= vl; vz /= vl; } const mvSpd = vrOn ? 1.8 : 3.2; moveBody(player, vx * mvSpd * dt, vz * mvSpd * dt, 0.24); const amt = Math.min(1, vl); player.moveAmt += (amt - player.moveAmt) * Math.min(1, dt * 8); player.bob += dt * 9 * player.moveAmt; player.fireCD -= dt; if (!vrOn) aimYaw = player.yaw; if (firing && player.fireCD <= 0 && player.switchT < 0.12) playerFire(); } else { player.moveAmt *= 0.9; } if (vrOn) vrPost(); if (state === 'title' && !vrOn) player.yaw = startYaw + Math.sin(time * 0.3) * 0.7; if (state === 'dead') deadT += dt; player.switchT = Math.max(0, player.switchT - dt); player.recoil = Math.max(0, player.recoil - dt * 6); player.flash = Math.max(0, player.flash - dt * 9); player.hurt = Math.max(0, player.hurt - dt * 1.8); waveBanner = Math.max(0, waveBanner - dt); msgT = Math.max(0, msgT - dt); zoneT = Math.max(0, zoneT - dt); deniedCD = Math.max(0, deniedCD - dt); shake = Math.max(0, shake - dt * 2.2); // zone banner const pc = Math.floor(player.z) * W + Math.floor(player.x); if (state === 'play' && grid[pc] === 0 && zone[pc] !== curZone) { curZone = zone[pc]; zoneName = ZONE_NAMES[curZone]; zoneT = 2.2; } // doors for (const d of doors) { const cx = d.x + 0.5, cz = d.z + 0.5; const pd = Math.hypot(player.x - cx, player.z - cz); let want = false, occupied = state === 'play' && pd < 0.75; if (state === 'play' && pd < 1.3) { if (!d.lock) want = true; else if (player.keys[d.lock]) { msg(d.lock.toUpperCase() + ' ACCESS GRANTED', 1.6); d.lock = null; bfsCell = -1; want = true; for (const l of d.lamps) l.material.color.set('#40ff70'); } else if (pd < 1.15) { msg(d.lock.toUpperCase() + ' KEYCARD REQUIRED', 0.4); if (deniedCD <= 0) { deniedCD = 1.5; play(SND.pick, { volume: 0.45, rate: 0.5 }); } } } if (!d.lock) for (const e of enemies) { if (!e.alive) continue; const ed = Math.hypot(e.x - cx, e.z - cz); if (ed < 1.0 && e.alerted) want = true; if (ed < 0.75) occupied = true; } if (want || occupied) { if (d.target === 0) play(SND.eshot, { volume: Math.max(0.05, 0.35 - pd * 0.03), rate: 0.3, pan: panFor(cx, cz) }); d.target = 1; d.timer = 3; } else if (d.target === 1) { d.timer -= dt; if (d.timer <= 0) { d.target = 0; play(SND.eshot, { volume: Math.max(0.05, 0.3 - pd * 0.03), rate: 0.26, pan: panFor(cx, cz) }); } } const diff = d.target - d.open; d.open += Math.sign(diff) * Math.min(Math.abs(diff), dt * 1.8); d.mesh.position.y = 0.5 + d.open * 0.98; for (const l of d.lamps) l.scale.setScalar(0.18 + 0.04 * Math.sin(time * 5)); } // nav field if (pc !== bfsCell) { bfs(Math.floor(player.x), Math.floor(player.z)); bfsCell = pc; } // enemies const active = state === 'play'; for (const e of enemies) { if (e.alive) { const ty = e.type; const dx = player.x - e.x, dz = player.z - e.z, d = Math.hypot(dx, dz) || 0.001; const see = active && d < 15 && los(e.x, e.z, player.x, player.z); if (see && !e.alerted) { e.alerted = true; e.cd = 0.5 + Math.random() * 0.8; } let moving = false; if (e.alerted && active) { const spd = (ty.speed + wave * 0.07) * (0.75 + 0.25 * params.difficulty); let mx = 0, mz = 0; if (see && !ty.ranged) { if (d > 0.5) { mx = dx / d; mz = dz / d; } } else if (see && d < 3.2) { e.strafeT -= dt; if (e.strafeT <= 0) { e.strafe *= -1; e.strafeT = 0.8 + Math.random() * 1.4; } mx = -dz / d * e.strafe * 0.6; mz = dx / d * e.strafe * 0.6; if (d < 1.4) { mx -= dx / d * 0.6; mz -= dz / d * 0.6; } } else { const cx = Math.floor(e.x), cz = Math.floor(e.z), c = cz * W + cx; let best = dist[c], tx = player.x, tz = player.z; if (best > 0) { const nbs = [[cx + 1, cz], [cx - 1, cz], [cx, cz + 1], [cx, cz - 1]]; for (const [nx, nz] of nbs) { if (nx < 0 || nz < 0 || nx >= W || nz >= H) continue; const dv = dist[nz * W + nx]; if (dv >= 0 && dv < best) { best = dv; tx = nx + 0.5; tz = nz + 0.5; } } } if (best >= 0 || see) { mx = tx - e.x; mz = tz - e.z; const ml = Math.hypot(mx, mz) || 1; mx /= ml; mz /= ml; } } moveBody(e, mx * spd * dt, mz * spd * dt, 0.28); moving = mx !== 0 || mz !== 0; if (ty.ranged && see && d < 12) { e.cd -= dt * (0.7 + 0.3 * params.difficulty); if (e.cd <= 0) { enemyFire(e, dx / d, dz / d, d); e.cd = ty.cd[0] + Math.random() * ty.cd[1]; } } else if (!ty.ranged && d < 0.8) { e.cd -= dt * (0.7 + 0.3 * params.difficulty); if (e.cd <= 0) { e.cd = 0.75 + Math.random() * 0.4; e.shootT = 0.18; play(SND.eshot, { volume: 0.35, rate: 1.7 + Math.random() * 0.3, pan: panFor(e.x, e.z) }); damagePlayer(Math.round(ty.bite * params.difficulty)); } } } e.flash = Math.max(0, e.flash - dt * 6); e.shootT = Math.max(0, e.shootT - dt); e.phase += dt * (moving ? ty.gait : 2); const step = moving ? Math.abs(Math.sin(e.phase)) : 0.25 * (0.5 + 0.5 * Math.sin(e.phase)); const h = ty.h * (1 + (e.shootT > 0 ? 0.05 : 0) - step * ty.bob); e.sprite.scale.set(ty.h * ty.a * (1 + step * ty.bob * 0.6), h, 1); e.sprite.position.set(e.x, h / 2, e.z); const f = e.flash, sh = e.shootT > 0 ? 1 : 0; e.mat.color.setRGB(1 + f * 5 + sh * 1.2, 1 + f * 3, 1 + f * 3); if (sh) { e.glow.visible = true; e.glow.position.set(e.x + dx / d * 0.25, ty.gy, e.z + dz / d * 0.25); e.glow.scale.setScalar(0.7 * (e.shootT / 0.18) + 0.1); } else e.glow.visible = false; } else if (e.dying > 0) { e.dying -= dt; const k = Math.max(0, e.dying / 0.45); const ty = e.type; const h = ty.h * (0.55 + 0.45 * k); e.sprite.scale.set(ty.h * ty.a * (1.15 - 0.15 * k), h, 1); e.sprite.position.set(e.x, h / 2, e.z); e.mat.color.setRGB(1 + 4 * k, 1 + 2 * k, 1 + k); if (Math.random() < 0.4) burst(e.x, 0.3 + Math.random() * 0.4, e.z, 2, 2, 1, 0.3, 1.5); if (e.dying <= 0) { e.mat.map = ty.wreck.t; const wh = Math.min(ty.ww / ty.wreck.a, ty.h * 0.6), ww = wh * ty.wreck.a; e.sprite.scale.set(ww, wh, 1); e.sprite.position.set(e.x, wh / 2, e.z); e.mat.color.setRGB(0.85, 0.85, 0.85); } } else if (e.sprite.visible && Math.random() < 0.01) { burst(e.x, 0.2, e.z, 2, 1.8, 0.8, 0.2, 0.8); } } // separation for (let i = 0; i < enemies.length; i++) { const a = enemies[i]; if (!a.alive) continue; for (let j = i + 1; j < enemies.length; j++) { const b = enemies[j]; if (!b.alive) continue; const dx = b.x - a.x, dz = b.z - a.z, d = Math.hypot(dx, dz); if (d > 0.001 && d < 0.6) { const p = (0.6 - d) * 0.5 / d; moveBody(a, -dx * p, -dz * p, 0.28); moveBody(b, dx * p, dz * p, 0.28); } } } // enemy projectiles for (const p of shots) { if (!p.active) continue; p.x += p.vx * dt; p.z += p.vz * dt; p.life -= dt; let hitB = null; for (const b of barrels) if (b.alive && Math.hypot(b.x - p.x, b.z - p.z) < 0.28) { hitB = b; break; } if (hitB) { p.active = false; p.s.visible = false; damageBarrel(hitB, 2); } else if (isWall(p.x, p.z) || p.life <= 0) { p.active = false; p.s.visible = false; burst(p.x - p.vx * dt, 0.52, p.z - p.vz * dt, 8, 2, 0.5, 0.3, 1); } else if (Math.hypot(player.x - p.x, player.z - p.z) < 0.32 && state === 'play') { p.active = false; p.s.visible = false; damagePlayer(Math.round(p.dmg * (0.75 + Math.random() * 0.5) * params.difficulty)); } else { p.s.position.set(p.x, 0.52, p.z); p.s.scale.setScalar(0.24 + 0.03 * Math.sin(time * 25 + p.x)); } } // player rockets for (const r of rockets) { if (!r.active) continue; const nx = r.x + r.vx * dt, nz = r.z + r.vz * dt; r.life -= dt; let boom = isWall(nx, nz) || r.life <= 0; if (!boom) for (const e of enemies) if (e.alive && Math.hypot(e.x - nx, e.z - nz) < e.type.hw + 0.12) { boom = true; break; } if (!boom) for (const b of barrels) if (b.alive && Math.hypot(b.x - nx, b.z - nz) < 0.3) { boom = true; break; } if (boom) { r.active = false; r.s.visible = false; explode(r.x, r.z, 2.4, 7, 30); } else { r.x = nx; r.z = nz; r.s.position.set(r.x, 0.45, r.z); r.s.scale.setScalar(0.28 + 0.05 * Math.sin(time * 40)); if (Math.random() < 0.8) burst(r.x - r.vx * 0.02, 0.45, r.z - r.vz * 0.02, 1, 0.9, 0.5, 0.25, 0.3); } } // barrels for (const b of barrels) { if (!b.alive) continue; b.flash = Math.max(0, b.flash - dt * 6); if (b.lit) { b.fuse -= dt; b.mat.color.setRGB(1 + 3 * Math.abs(Math.sin(time * 40)), 1, 1); if (b.fuse <= 0) { b.alive = false; b.s.visible = false; explode(b.x, b.z, 2.3, 6, 45); } } else b.mat.color.setRGB(1 + b.flash * 3, 1 + b.flash * 2, 1 + b.flash); } // explosions for (const bm of booms) { if (!bm.active) continue; bm.t += dt; const k = bm.t / 0.55; if (k >= 1) { bm.active = false; bm.s.visible = false; continue; } bm.s.scale.setScalar(0.6 + k * 2.6); bm.s.material.opacity = (1 - k) * (1 - k); bm.s.position.y = 0.4 + k * 0.2; } boomLight.intensity *= Math.exp(-dt * 7); // items for (const it of items) { it.s.visible = it.active; if (it.glow) it.glow.visible = it.active; if (!it.active) continue; const y = it.h / 2 + (1 + Math.sin(time * 2.5 + it.x * 3)) * 0.015; it.s.position.set(it.x, y, it.z); if (it.glow) { it.glow.position.set(it.x, y, it.z); it.glow.scale.setScalar(0.5 + 0.12 * Math.sin(time * 4 + it.z)); } if (state === 'play' && Math.hypot(player.x - it.x, player.z - it.z) < 0.5 && tryPick(it)) { it.active = false; burst(it.x, 0.25, it.z, 20, 0.4, 2, 0.6, 1.2); } } // waves if (state === 'play') { const alive = enemies.some((e) => e.alive); if (!alive && nextWaveT < 0) nextWaveT = 2.5; if (nextWaveT > 0) { nextWaveT -= dt; if (nextWaveT <= 0) { nextWaveT = -1; spawnWave(wave + 1); } } } // sparks for (let k = 0; k < MAXP; k++) { const i3 = k * 3; if (pLife[k] > 0) { pLife[k] -= dt; pVel[i3 + 1] -= 6 * dt; pPos[i3] += pVel[i3] * dt; pPos[i3 + 1] += pVel[i3 + 1] * dt; pPos[i3 + 2] += pVel[i3 + 2] * dt; if (pPos[i3 + 1] < 0.02) { pPos[i3 + 1] = 0.02; pVel[i3 + 1] *= -0.4; pVel[i3] *= 0.6; pVel[i3 + 2] *= 0.6; } const f = Math.min(1, pLife[k] * 2.5); pCol[i3] = pBase[i3] * f; pCol[i3 + 1] = pBase[i3 + 1] * f; pCol[i3 + 2] = pBase[i3 + 2] * f; if (pLife[k] <= 0) pPos[i3 + 1] = -50; } } pGeo.attributes.position.needsUpdate = true; pGeo.attributes.color.needsUpdate = true; // camera & torch const bobY = Math.sin(player.bob * 2) * 0.018 * player.moveAmt; const dk = state === 'dead' ? Math.min(1, deadT * 1.5) : 0; const sx = (Math.random() - 0.5) * shake * 0.06, sy = (Math.random() - 0.5) * shake * 0.05; if (!vrOn) { camera.position.set(player.x + sx, 0.5 + bobY - dk * 0.32 + sy, player.z); camera.rotation.set(0, player.yaw, dk * 0.5); } torch.position.set(player.x - Math.sin(player.yaw) * 0.2, 0.55, player.z - Math.cos(player.yaw) * 0.2); torchCol.set(params.torch).lerp(WEAPONS[player.weapon].col, Math.min(1, player.flash)); torch.color.copy(torchCol); torch.intensity = 3.2 + player.flash * 7 + Math.sin(time * 7) * 0.08; if (vrOn) vrHUD(dt); else drawHUD(); }, render() { renderer.setRenderTarget(rt); renderer.render(scene, camera); renderer.setRenderTarget(null); renderer.render(screenScene, ortho); }, resize({ width, height } = {}) { sizeAll(width, height); }, dispose() { window.removeEventListener('keydown', onKeyDown); window.removeEventListener('keyup', onKeyUp); canvas.removeEventListener('wheel', onWheel); canvas.removeEventListener('pointerdown', onDown); canvas.removeEventListener('pointermove', onMove); canvas.removeEventListener('pointerup', onUp); canvas.removeEventListener('pointercancel', onUp); try { if (document.pointerLockElement === canvas) document.exitPointerLock(); } catch (e) {} for (const off of xrOffs) { try { if (typeof off === 'function') off(); } catch (e) {} } if (vrOn) vrExit(); rt.dispose(); hudTex.dispose(); wristTex.dispose(); banTex.dispose(); }, }; }