import * as THREE from 'three'; import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js'; import { RenderPass } from 'three/addons/postprocessing/RenderPass.js'; import { UnrealBloomPass } from 'three/addons/postprocessing/UnrealBloomPass.js'; import { OutputPass } from 'three/addons/postprocessing/OutputPass.js'; import { RoomEnvironment } from 'three/addons/environments/RoomEnvironment.js'; export default function sketch(ctx) { const { scene, camera, renderer, gui, canvas } = ctx; const SFX = ctx.sfx || { play() { return null; }, loop() { return null; }, volume: 1 }; const ID = { shot: 'sfx_oZMwK2bdGsPL', splat: 'sfx_kEj2fQ553FOz', pickup: 'sfx_D9OdaxWjzccK', door: 'sfx_UPkR7AVkBlNM', roar: 'sfx_X2yCUfTTaXiE', drone: 'sfx_QDNJSHEMZLRF', hugger: 'sfx_ytljTQ1PXjjp', egg: 'sfx_DJeKQSYS5aqQ' }; const play = (id, o) => { try { SFX.play(id, o); } catch (e) {} }; const touchScreen = matchMedia('(pointer: coarse)').matches; const params = { difficulty: 1, glow: 0.9, ambient: 0.7, zoom: 1, volume: 0.7, hud: '#39ff6a', restart: () => newGame() }; gui.add(params, 'difficulty', 0.5, 2, 0.1).name('Difficulty'); gui.add(params, 'glow', 0, 2.5).name('Glow'); gui.add(params, 'ambient', 0.1, 2).name('Ambient'); gui.add(params, 'zoom', 0.7, 1.5).name('Zoom'); gui.add(params, 'volume', 0, 1).name('Sound').onChange((v) => { SFX.volume = v; }); gui.addColor(params, 'hud').name('HUD Color'); gui.add(params, 'restart').name('Restart Game'); SFX.volume = params.volume; try { SFX.loop(ID.drone, { volume: 0.3 }); } catch (e) {} // ---------- renderer / lights ---------- renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.1; renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; scene.background = new THREE.Color('#040405'); const pmrem = new THREE.PMREMGenerator(renderer); scene.environment = pmrem.fromScene(new RoomEnvironment(), 0.04).texture; scene.environmentIntensity = 0.06; scene.fog = new THREE.Fog('#020203', 14, 26); const hemi = new THREE.HemisphereLight('#a8b0c4', '#3a3028', params.ambient); const dir = new THREE.DirectionalLight('#dfe6ff', 0.9); dir.position.set(-4, 10, 3); scene.add(hemi, dir, dir.target); const spot = new THREE.SpotLight('#fff1d2', 140, 15, 0.5, 0.55, 1.3); spot.castShadow = true; spot.shadow.mapSize.set(1024, 1024); spot.shadow.bias = -0.0005; spot.shadow.normalBias = 0.03; scene.add(spot, spot.target); const fill = new THREE.PointLight('#9fb4ff', 2.2, 4, 1.6); scene.add(fill); const muzzleL = new THREE.PointLight('#ffb050', 0, 8, 1.5); scene.add(muzzleL); const bossL = new THREE.PointLight('#ff4010', 0, 12, 1.4); scene.add(bossL); const lampPool = []; for (let i = 0; i < 6; i++) { const l = new THREE.PointLight('#ffd09a', 0, 7.5, 1.6); scene.add(l); lampPool.push(l); } const composer = new EffectComposer(renderer); composer.addPass(new RenderPass(scene, camera)); const bloom = new UnrealBloomPass(new THREE.Vector2(ctx.size.width, ctx.size.height), params.glow, 0.45, 0.78); composer.addPass(bloom); composer.addPass(new OutputPass()); // ---------- helpers ---------- const rngf = (seed) => { let a = seed >>> 0; return () => { 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 R = Math.random; const mkCanvas = (w, h) => { const c = document.createElement('canvas'); c.width = w; c.height = h; return c; }; const mkTex = (c) => { const t = new THREE.CanvasTexture(c); t.colorSpace = THREE.SRGBColorSpace; t.magFilter = THREE.NearestFilter; t.minFilter = THREE.LinearMipmapLinearFilter; return t; }; // wall texture const wallC = mkCanvas(32, 32), wallE = mkCanvas(32, 32); { const g = wallC.getContext('2d'), e = wallE.getContext('2d'), r = rngf(77); g.fillStyle = '#8c8f93'; g.fillRect(0, 0, 32, 32); for (let i = 0; i < 70; i++) { const v = (85 + r() * 95) | 0; g.fillStyle = `rgb(${v},${v},${v + 4})`; g.fillRect(((r() * 16) | 0) * 2, ((r() * 16) | 0) * 2, 2 + ((r() * 3) | 0) * 2, 2); } g.fillStyle = '#d0d3d7'; g.fillRect(0, 0, 32, 2); g.fillRect(0, 0, 2, 32); g.fillStyle = '#34363a'; g.fillRect(0, 30, 32, 2); g.fillRect(30, 0, 2, 32); g.fillStyle = '#4a4d51'; g.fillRect(8, 8, 16, 16); g.fillStyle = '#a8abaf'; g.fillRect(9, 9, 14, 14); g.fillStyle = '#62656a'; g.fillRect(11, 11, 10, 10); e.fillStyle = '#000'; e.fillRect(0, 0, 32, 32); for (const [c, x, y] of [['#5aa0ff', 4, 4], ['#4cff7a', 26, 24], ['#5aa0ff', 20, 4]]) { g.fillStyle = c; g.fillRect(x, y, 2, 2); e.fillStyle = c; e.fillRect(x, y, 2, 2); } } const wallTex = mkTex(wallC), wallEm = mkTex(wallE); const wallMat = new THREE.MeshStandardMaterial({ map: wallTex, emissiveMap: wallEm, emissive: '#ffffff', emissiveIntensity: 1.6, roughness: 0.6, metalness: 0.35 }); const crateC = mkCanvas(32, 32); { const g = crateC.getContext('2d'); g.fillStyle = '#5b4a2e'; g.fillRect(0, 0, 32, 32); g.fillStyle = '#3a2e1c'; g.fillRect(0, 0, 32, 3); g.fillRect(0, 29, 32, 3); g.fillRect(0, 0, 3, 32); g.fillRect(29, 0, 3, 32); g.strokeStyle = '#7d6a44'; g.lineWidth = 3; g.beginPath(); g.moveTo(3, 3); g.lineTo(29, 29); g.moveTo(29, 3); g.lineTo(3, 29); g.stroke(); g.fillStyle = '#c9a227'; g.fillRect(12, 13, 8, 6); } const crateMat = new THREE.MeshStandardMaterial({ map: mkTex(crateC), roughness: 0.8, metalness: 0.1 }); const doorC = mkCanvas(32, 32); { const g = doorC.getContext('2d'); g.fillStyle = '#55595e'; g.fillRect(0, 0, 32, 32); g.fillStyle = '#c9a227'; for (let k = -32; k < 32; k += 8) { g.beginPath(); g.moveTo(k, 32); g.lineTo(k + 4, 32); g.lineTo(k + 36, 0); g.lineTo(k + 32, 0); g.fill(); } g.fillStyle = '#2a2c2f'; g.fillRect(0, 12, 32, 8); } const doorTex = mkTex(doorC); const doorMat = new THREE.MeshStandardMaterial({ map: doorTex, roughness: 0.5, metalness: 0.5 }); const lockMat = new THREE.MeshStandardMaterial({ map: doorTex, roughness: 0.5, metalness: 0.5, emissive: '#ff2010', emissiveIntensity: 0.6 }); // ---------- painted sprites ---------- const spriteTex = (c) => { const t = new THREE.CanvasTexture(c); t.colorSpace = THREE.SRGBColorSpace; t.anisotropy = 4; return t; }; const shade = (g, x, y, rx, ry, rot, c0, c1, c2) => { g.save(); g.translate(x, y); g.rotate(rot); g.scale(1, ry / rx); const gr = g.createRadialGradient(-rx * 0.35, -rx * 0.45, rx * 0.05, 0, 0, rx); gr.addColorStop(0, c0); gr.addColorStop(0.45, c1); gr.addColorStop(1, c2); g.fillStyle = gr; g.beginPath(); g.arc(0, 0, rx, 0, 6.283); g.fill(); g.restore(); }; function paintAlien(o) { const n = o.n || 96, c = mkCanvas(n, n), g = c.getContext('2d'); g.scale(n / 64, n / 64); g.lineCap = 'round'; g.lineJoin = 'round'; const w = o.w || 0; const limb = (p, lw) => { g.strokeStyle = o.dark; g.lineWidth = lw; g.beginPath(); g.moveTo(p[0], p[1]); for (let i = 2; i < p.length; i += 2) g.lineTo(p[i], p[i + 1]); g.stroke(); g.strokeStyle = o.mid; g.lineWidth = lw * 0.55; g.stroke(); g.strokeStyle = o.hi; g.lineWidth = Math.max(0.5, lw * 0.18); g.beginPath(); g.moveTo(p[0] - 0.4, p[1] - 0.4); for (let i = 2; i < p.length; i += 2) g.lineTo(p[i] - 0.4, p[i + 1] - 0.4); g.stroke(); for (let i = 2; i < p.length - 2; i += 2) shade(g, p[i], p[i + 1], lw * 0.7, lw * 0.7, 0, o.hi, o.mid, o.dark); }; for (let k = 0; k < 14; k++) { const t = k / 13, x = 19 - t * 18, y = 32 + Math.sin(t * 4.2) * 4 * o.tail; shade(g, x, y, 3.2 * (1 - t * 0.7), 2.6 * (1 - t * 0.7), 0, o.hi, o.mid, o.dark); } { const ey = 32 + Math.sin(4.2) * 4 * o.tail; g.fillStyle = o.dark; g.beginPath(); g.moveTo(4, ey - 2); g.lineTo(0, ey); g.lineTo(4, ey + 2); g.fill(); } for (const s of [-1, 1]) { limb([24, 32 + s * 4, 30, 32 + s * (13 + w), 18, 32 + s * (19 + w), 13, 32 + s * (18 + w)], o.leg * 1.25); limb([36, 32 + s * 5, 40, 32 + s * (15 + w), 50, 32 + s * (17 + w), 55, 32 + s * (13 + w)], o.leg); g.strokeStyle = o.hi; g.lineWidth = 0.6; for (let f = -1; f <= 1; f++) { g.beginPath(); g.moveTo(55, 32 + s * (13 + w)); g.lineTo(58 + f, 32 + s * (11 + w + f * 1.2)); g.stroke(); } } if (o.claws) for (const s of [-1, 1]) { g.strokeStyle = o.dark; g.lineWidth = 4.5; g.beginPath(); g.moveTo(40, 32 + s * 7); g.quadraticCurveTo(54, 32 + s * 18, 61, 32 + s * 5); g.stroke(); g.strokeStyle = o.hi; g.lineWidth = 1.2; g.stroke(); } if (o.sac) { shade(g, 14, 32, 14, 11, 0, o.sacHi, o.sac, o.dark); g.strokeStyle = o.glow; g.lineWidth = 0.7; for (let k = -2; k <= 2; k++) { g.beginPath(); g.moveTo(26, 32 + k * 2); g.quadraticCurveTo(14, 32 + k * 5, 2, 32 + k * 3); g.stroke(); } } for (const s of [-1, 1]) for (let k = 0; k < 2; k++) shade(g, 30 - k * 5, 32 + s * (6 + w * 0.5), 4.2, 1.7, s * 0.55, o.hi, o.mid, o.dark); shade(g, 22, 32, 7 + w * 0.4, 5 + w * 0.4, 0, o.hi, o.mid, o.dark); shade(g, 31, 32, 7 + w * 0.5, 5.8 + w * 0.5, 0, o.hi, o.mid, o.dark); g.strokeStyle = o.dark; g.lineWidth = 0.9; for (let k = 0; k < 6; k++) { const x = 17 + k * 3; g.beginPath(); g.moveTo(x, 27.5 - w * 0.4); g.quadraticCurveTo(x + 1.8, 32, x, 36.5 + w * 0.4); g.stroke(); } g.fillStyle = o.hi; for (let k = 0; k < 7; k++) g.fillRect(15 + k * 3, 31.5, 1.2, 1); if (o.spots) { g.fillStyle = o.spots; for (const [x, y] of [[22, 29], [25, 35], [19, 34], [27, 30]]) { g.beginPath(); g.arc(x, y, 1.6, 0, 6.283); g.fill(); } } if (o.crest) shade(g, 42, 32, 10, 14, 0, o.hi, o.mid, o.dark); { const hgr = g.createLinearGradient(0, 27, 0, 37); hgr.addColorStop(0, o.hi); hgr.addColorStop(0.35, o.mid); hgr.addColorStop(1, o.dark); g.fillStyle = hgr; g.beginPath(); g.moveTo(34, 32); g.bezierCurveTo(36, 26.5, 52, 27, 62, 31); g.lineTo(62, 33); g.bezierCurveTo(52, 37, 36, 37.5, 34, 32); g.fill(); g.strokeStyle = 'rgba(255,255,255,0.75)'; g.lineWidth = 0.9; g.beginPath(); g.moveTo(38, 29.6); g.quadraticCurveTo(48, 28.6, 58, 30.6); g.stroke(); } if (o.glow) { g.fillStyle = o.glow; g.fillRect(36, 30, 2, 1); g.fillRect(36, 33, 2, 1); } g.fillStyle = '#d8dce2'; g.fillRect(60, 31, 2, 0.8); g.fillRect(60, 32.4, 2, 0.8); const t = spriteTex(c); t.magFilter = THREE.LinearFilter; return t; } function paintAlienOld(o) { const n = o.n || 64, c = mkCanvas(n, n), g = c.getContext('2d'); g.scale(n / 64, n / 64); g.lineCap = 'round'; g.lineJoin = 'round'; const legX = o.legX || [37, 30, 23]; for (const s of [-1, 1]) legX.forEach((lx) => { const sp = lx - 30, kx = lx + sp * 0.3 + 2, ky = 32 + s * (11 + o.w * 0.5), fx = lx + sp * 0.75 + 3, fy = 32 + s * (21 + o.w * 0.4); g.strokeStyle = o.dark; g.lineWidth = o.leg; g.beginPath(); g.moveTo(lx, 32 + s * 3); g.lineTo(kx, ky); g.lineTo(fx, fy); g.stroke(); g.strokeStyle = o.hi; g.lineWidth = 0.8; g.beginPath(); g.moveTo(lx, 32 + s * 3 - 0.6); g.lineTo(kx, ky - 0.6); g.lineTo(fx, fy - 0.6); g.stroke(); }); if (o.claws) for (const s of [-1, 1]) { g.strokeStyle = o.dark; g.lineWidth = 4.5; g.beginPath(); g.moveTo(40, 32 + s * 7); g.quadraticCurveTo(54, 32 + s * 18, 61, 32 + s * 5); g.stroke(); g.strokeStyle = o.hi; g.lineWidth = 1.2; g.stroke(); } for (let k = 0; k < 7; k++) { const t = k / 6, x = 17 - k * 2.4, y = 32 + Math.sin(t * 3) * 3 * o.tail; shade(g, x, y, 3.6 - k * 0.35, 3 - k * 0.3, 0, o.hi, o.mid, o.dark); } if (o.sac) { shade(g, 14, 32, 14, 11, 0, o.sacHi, o.sac, o.dark); g.strokeStyle = o.glow; g.lineWidth = 0.7; for (let k = -2; k <= 2; k++) { g.beginPath(); g.moveTo(26, 32 + k * 2); g.quadraticCurveTo(14, 32 + k * 5, 2, 32 + k * 3); g.stroke(); } } shade(g, 24, 32, 9 + o.w * 0.5, 6.5 + o.w * 0.5, 0, o.hi, o.mid, o.dark); shade(g, 35, 32, 7 + o.w * 0.3, 6 + o.w * 0.3, 0, o.hi, o.mid, o.dark); g.strokeStyle = o.dark; g.lineWidth = 0.8; for (let k = 0; k < 5; k++) { const x = 18 + k * 3; g.beginPath(); g.moveTo(x, 27 - o.w * 0.4); g.quadraticCurveTo(x + 1.5, 32, x, 37 + o.w * 0.4); g.stroke(); } if (o.spots) { g.fillStyle = o.spots; for (const [x, y] of [[22, 29], [25, 35], [19, 34], [27, 30]]) { g.beginPath(); g.arc(x, y, 1.6, 0, 6.283); g.fill(); } } if (o.crest) shade(g, 44, 32, 9, 13, 0, o.hi, o.mid, o.dark); shade(g, 49, 32, 12, 4.8, 0, o.hi, o.mid, o.dark); g.strokeStyle = o.hi; g.lineWidth = 0.9; g.beginPath(); g.moveTo(41, 31); g.lineTo(58, 31.5); g.stroke(); if (o.glow) { g.fillStyle = o.glow; g.fillRect(36, 30, 2, 1); g.fillRect(36, 33, 2, 1); } g.fillStyle = '#c9cdd2'; g.fillRect(59, 31, 2, 1); g.fillRect(59, 33, 2, 1); const t = spriteTex(c); t.magFilter = THREE.NearestFilter; return t; } function paintMarine() { const c = mkCanvas(64, 64), g = c.getContext('2d'); g.fillStyle = '#1b1d20'; g.fillRect(12, 24, 9, 16); g.fillStyle = '#3c4046'; g.fillRect(13, 25, 7, 3); g.fillStyle = '#c9a227'; g.fillRect(14, 36, 2, 2); shade(g, 27, 32, 10, 15, 0, '#9aa1aa', '#4b5058', '#17191c'); g.strokeStyle = '#2c3035'; g.lineCap = 'round'; g.lineWidth = 4.5; g.beginPath(); g.moveTo(28, 20); g.quadraticCurveTo(38, 26, 46, 38); g.moveTo(28, 44); g.lineTo(36, 40); g.stroke(); shade(g, 27, 19, 6.5, 5, 0, '#c2c8cf', '#5d636b', '#1d2024'); shade(g, 27, 45, 6.5, 5, 0, '#c2c8cf', '#5d636b', '#1d2024'); g.fillStyle = '#c9a227'; g.fillRect(24, 17, 4, 1.5); g.fillRect(24, 44, 4, 1.5); g.fillStyle = '#0c0d0f'; g.fillRect(30, 37, 32, 5); g.fillStyle = '#3a3e44'; g.fillRect(30, 37, 32, 1.2); g.fillStyle = '#16181b'; g.fillRect(40, 41, 6, 4); g.fillStyle = '#55595f'; g.fillRect(58, 38, 4, 3); shade(g, 30, 32, 7, 7, 0, '#b8bec6', '#50565e', '#151719'); g.fillStyle = '#ffb030'; g.beginPath(); g.ellipse(34.5, 32, 2.2, 4.5, 0, -1.4, 1.4); g.fill(); g.fillStyle = '#fff2c0'; g.fillRect(35, 30, 1, 2); const t = spriteTex(c); t.magFilter = THREE.NearestFilter; return t; } function paintSplat(c0, c1, c2, seed) { const c = mkCanvas(64, 64), g = c.getContext('2d'), r = rngf(seed); const blob = (x, y, rad, col, jag) => { g.fillStyle = col; g.beginPath(); for (let k = 0; k < 18; k++) { const a = k / 18 * 6.283, rr = rad * (1 - jag + r() * jag * 2); if (k) g.lineTo(x + Math.cos(a) * rr, y + Math.sin(a) * rr); else g.moveTo(x + Math.cos(a) * rr, y + Math.sin(a) * rr); } g.closePath(); g.fill(); }; for (let k = 0; k < 10; k++) { const a = r() * 6.283, d = 8 + r() * 16; const x = 32 + Math.cos(a) * d, y = 32 + Math.sin(a) * d; g.strokeStyle = c0; g.lineCap = 'round'; g.lineWidth = 1 + r() * 2; g.beginPath(); g.moveTo(32, 32); g.lineTo(x, y); g.stroke(); blob(x, y, 1 + r() * 3, c0, 0.3); } blob(32, 32, 15, c0, 0.35); blob(31, 31, 11, c1, 0.3); blob(29, 29, 4, c2, 0.4); for (let k = 0; k < 14; k++) { const a = r() * 6.283, d = 18 + r() * 9; blob(32 + Math.cos(a) * d, 32 + Math.sin(a) * d, 0.6 + r() * 1.4, c1, 0.2); } return spriteTex(c); } function paintPrint() { const c = mkCanvas(32, 32), g = c.getContext('2d'); g.fillStyle = '#fff'; g.beginPath(); g.ellipse(20, 16, 8, 5, 0, 0, 6.283); g.fill(); g.beginPath(); g.ellipse(7, 16, 4, 4, 0, 0, 6.283); g.fill(); g.globalCompositeOperation = 'destination-out'; for (let x = 14; x < 28; x += 3) g.fillRect(x, 12, 1.2, 8); g.fillRect(4, 14, 6, 1); g.fillRect(4, 17, 6, 1); return spriteTex(c); } function paintShadow() { const c = mkCanvas(64, 64), g = c.getContext('2d'); const gr = g.createRadialGradient(32, 32, 2, 32, 32, 31); gr.addColorStop(0, 'rgba(0,0,0,0.75)'); gr.addColorStop(1, 'rgba(0,0,0,0)'); g.fillStyle = gr; g.fillRect(0, 0, 64, 64); return spriteTex(c); } function paintHugger() { const c = mkCanvas(64, 64), g = c.getContext('2d'); g.lineCap = 'round'; g.lineJoin = 'round'; g.strokeStyle = '#4a3420'; g.lineWidth = 3.2; g.beginPath(); g.moveTo(28, 32); g.bezierCurveTo(18, 24, 12, 42, 2, 30); g.stroke(); g.strokeStyle = '#e6d0a8'; g.lineWidth = 1; g.beginPath(); g.moveTo(28, 31); g.bezierCurveTo(18, 23, 12, 41, 2, 29); g.stroke(); for (const s of [-1, 1]) for (let k = 0; k < 4; k++) { const a = s * (0.6 + k * 0.45), kx = 34 + Math.cos(a) * 11, ky = 32 + Math.sin(a) * 11, b = a - s * 0.8, fx = kx + Math.cos(b) * 9, fy = ky + Math.sin(b) * 9; g.strokeStyle = '#3a2614'; g.lineWidth = 2.8; g.beginPath(); g.moveTo(34, 32); g.lineTo(kx, ky); g.lineTo(fx, fy); g.stroke(); g.strokeStyle = '#f0dcb8'; g.lineWidth = 0.9; g.beginPath(); g.moveTo(34, 31.6); g.lineTo(kx, ky - 0.4); g.lineTo(fx, fy - 0.4); g.stroke(); shade(g, kx, ky, 1.8, 1.8, 0, '#f4e2c0', '#b08860', '#3a2614'); } shade(g, 34, 32, 9, 7.5, 0, '#f4e2c0', '#b08860', '#3a2614'); g.strokeStyle = 'rgba(60,35,20,0.8)'; g.lineWidth = 0.8; for (let k = 0; k < 4; k++) { g.beginPath(); g.moveTo(29 + k * 2.5, 27); g.quadraticCurveTo(30.5 + k * 2.5, 32, 29 + k * 2.5, 37); g.stroke(); } g.fillStyle = 'rgba(255,240,220,0.7)'; g.beginPath(); g.ellipse(31, 29.5, 3, 1.2, 0, 0, 6.283); g.fill(); const t = spriteTex(c); return t; } function paintEgg(open) { const c = mkCanvas(64, 64), g = c.getContext('2d'), r = rngf(open ? 5 : 3); g.fillStyle = 'rgba(30,45,8,0.6)'; g.beginPath(); g.ellipse(32, 33, 28, 26, 0, 0, 6.283); g.fill(); shade(g, 32, 32, 21, 20, 0, '#cdbd8e', '#6b5a38', '#1c140a'); g.strokeStyle = 'rgba(40,25,10,0.7)'; g.lineWidth = 0.9; for (let k = 0; k < 12; k++) { const a = r() * 6.283, a2 = a + (r() - 0.5) * 0.8; g.beginPath(); g.moveTo(32 + Math.cos(a) * 6, 32 + Math.sin(a) * 6); g.quadraticCurveTo(32 + Math.cos(a2) * 13, 32 + Math.sin(a2) * 13, 32 + Math.cos(a) * 19, 32 + Math.sin(a) * 19); g.stroke(); } if (!open) { g.strokeStyle = '#140a03'; g.lineWidth = 2.2; g.beginPath(); for (let k = 0; k < 4; k++) { const a = k * Math.PI / 2 + 0.3; g.moveTo(32, 32); g.lineTo(32 + Math.cos(a) * 10, 32 + Math.sin(a) * 10); } g.stroke(); g.strokeStyle = 'rgba(255,240,200,0.45)'; g.lineWidth = 0.8; g.beginPath(); for (let k = 0; k < 4; k++) { const a = k * Math.PI / 2 + 0.3; g.moveTo(32.8, 31.2); g.lineTo(32.8 + Math.cos(a) * 9, 31.2 + Math.sin(a) * 9); } g.stroke(); } else { for (let k = 0; k < 4; k++) { const a = k * Math.PI / 2 + 0.3 + Math.PI / 4; shade(g, 32 + Math.cos(a) * 15, 32 + Math.sin(a) * 15, 9, 6, a + Math.PI / 2, '#ddcda0', '#7a6440', '#2a1c0c'); } const gr = g.createRadialGradient(32, 32, 1, 32, 32, 12); gr.addColorStop(0, '#020301'); gr.addColorStop(0.7, '#0c1404'); gr.addColorStop(1, '#6a9a24'); g.fillStyle = gr; g.beginPath(); g.arc(32, 32, 11, 0, 6.283); g.fill(); } return spriteTex(c); } function paintItem(kind) { const c = mkCanvas(64, 64), g = c.getContext('2d'); const box = (x, y, w, h, c0, c1, c2) => { g.fillStyle = 'rgba(0,0,0,0.5)'; g.fillRect(x + 3, y + 3, w, h); const gr = g.createLinearGradient(x, y, x + w, y + h); gr.addColorStop(0, c0); gr.addColorStop(0.5, c1); gr.addColorStop(1, c2); g.fillStyle = gr; g.fillRect(x, y, w, h); g.fillStyle = 'rgba(255,255,255,0.4)'; g.fillRect(x, y, w, 1.5); g.fillRect(x, y, 1.5, h); g.fillStyle = 'rgba(0,0,0,0.55)'; g.fillRect(x, y + h - 1.5, w, 1.5); g.fillRect(x + w - 1.5, y, 1.5, h); }; if (kind === 'health') { box(6, 12, 50, 38, '#ffffff', '#d6d8dc', '#8a8e94'); g.fillStyle = '#c81020'; g.fillRect(25, 17, 12, 28); g.fillRect(17, 25, 28, 12); g.fillStyle = '#ff5a68'; g.fillRect(26, 18, 3, 26); g.fillStyle = '#55595f'; g.fillRect(12, 10, 8, 4); g.fillRect(42, 10, 8, 4); } else if (kind === 'ammo') { box(6, 12, 52, 38, '#8a8846', '#5a5a2c', '#2e2e16'); g.fillStyle = '#c9a227'; g.fillRect(6, 22, 52, 3); g.fillRect(6, 40, 52, 3); for (let k = 0; k < 7; k++) { const x = 11 + k * 6.5, gr = g.createLinearGradient(x, 0, x + 4, 0); gr.addColorStop(0, '#fff0a0'); gr.addColorStop(0.5, '#d8a030'); gr.addColorStop(1, '#6a4410'); g.fillStyle = gr; g.fillRect(x, 27, 4, 11); g.fillStyle = '#b06a28'; g.fillRect(x, 27, 4, 3); } g.fillStyle = '#ece4b8'; g.font = 'bold 8px monospace'; g.fillText('AMMO', 22, 20); } else if (kind === 'key') { box(10, 16, 44, 30, '#8ff4ff', '#2a9ab8', '#0c3a4a'); g.fillStyle = '#ffd23a'; g.fillRect(16, 23, 10, 8); g.fillStyle = '#7a5a10'; g.fillRect(19, 23, 1, 8); g.fillRect(22, 23, 1, 8); g.fillStyle = '#d8fcff'; g.fillRect(14, 38, 36, 3); g.fillStyle = '#08202a'; g.fillRect(31, 22, 18, 2); g.fillRect(31, 27, 13, 2); } else if (kind === 'credit') { g.fillStyle = 'rgba(0,0,0,0.5)'; g.beginPath(); g.arc(35, 35, 22, 0, 6.283); g.fill(); shade(g, 32, 32, 22, 22, 0, '#fff4b0', '#e0a820', '#5a3a04'); g.strokeStyle = '#7a5208'; g.lineWidth = 2; g.beginPath(); g.arc(32, 32, 16, 0, 6.283); g.stroke(); g.fillStyle = '#6a4406'; g.font = 'bold 20px monospace'; g.textAlign = 'center'; g.textBaseline = 'middle'; g.fillText('C', 32, 33); } else { box(3, 18, 58, 28, '#4a8054', '#24442a', '#0e1a10'); g.fillStyle = '#0c0d0f'; g.fillRect(9, 29, 42, 5); g.fillRect(16, 33, 6, 7); g.fillRect(44, 26, 9, 3); g.fillRect(30, 33, 5, 5); g.fillStyle = '#4a4e54'; g.fillRect(9, 29, 42, 1); g.fillStyle = '#39ff6a'; g.fillRect(7, 21, 6, 2); g.fillRect(51, 41, 6, 2); } const t = spriteTex(c); t.magFilter = THREE.NearestFilter; return t; } const TEX = { marine: paintMarine(), blood: paintSplat('#3a0303', '#7a0a0a', '#b8261e', 11), acid: paintSplat('#2c4a05', '#6fb81a', '#d8ff6a', 23), print: paintPrint(), shadow: paintShadow() }; const mkA = (o, em, ei) => ({ tex: paintAlien(o), emC: new THREE.Color(em), ei }); const ALIEN = { crawler: mkA({ hi: '#8f9cb3', mid: '#1d222b', dark: '#040507', leg: 2.2, w: 0, tail: 1 }, '#ffffff', 0.14), spitter: mkA({ hi: '#86a8ff', mid: '#142041', dark: '#03050b', leg: 2.2, w: 1, tail: 1, spots: '#5fd0ff', glow: '#5fd0ff' }, '#6fa0ff', 0.5), brute: mkA({ n: 96, hi: '#ffe590', mid: '#e0560f', dark: '#3a0c02', leg: 3.6, w: 6, tail: 0.5, claws: true, glow: '#fff3b0' }, '#ff7a20', 0.9), queen: mkA({ n: 128, hi: '#d86a78', mid: '#3c0d12', dark: '#070203', leg: 2.8, w: 3, tail: 0, crest: true, sac: '#5a1218', sacHi: '#d04a5a', glow: '#ff5030', legX: [41, 35, 29, 23] }, '#ff3a20', 0.55), }; ALIEN.hugger = { tex: paintHugger(), emC: new THREE.Color('#ffd8b0'), ei: 0.22 }; ALIEN.egg = { tex: paintEgg(false), emC: new THREE.Color('#b4ff70'), ei: 0.14 }; TEX.eggOpen = paintEgg(true); const WHITE = new THREE.Color(1, 1, 1); const shadowGeo = new THREE.PlaneGeometry(1, 1), shadowMat = new THREE.MeshBasicMaterial({ map: TEX.shadow, transparent: true, depthWrite: false, opacity: 0.8 }); const alienGeo = new THREE.PlaneGeometry(1.6, 1.6); const G = { sphere: new THREE.SphereGeometry(1, 14, 10), box: new THREE.BoxGeometry(1, 1, 1), cyl: new THREE.CylinderGeometry(1, 1, 1, 14) }; // ---------- data ---------- const S = 10; const LEVELS = [ { name: 'DECK 1 · CARGO BAY', brief: 'Find the security key. Reach the deck lift.', cw: 4, ch: 3, enemies: 16, types: ['crawler'], boss: null, timer: 0, floor: [28, 14, 30], weapon: 1 }, { name: 'DECK 2 · ENGINEERING', brief: 'A Brute guards the lift. Kill it.', cw: 4, ch: 4, enemies: 22, types: ['crawler', 'crawler', 'spitter'], boss: 'brute', timer: 0, floor: [210, 7, 30], weapon: 2 }, { name: 'DECK 3 · REACTOR CORE', brief: 'Reactor breach! Reach the lift before meltdown.', cw: 5, ch: 3, enemies: 26, types: ['crawler', 'spitter', 'crawler'], boss: null, timer: 160, floor: [12, 22, 26], weapon: 3 }, { name: 'DECK 4 · THE HIVE', brief: 'Destroy the Queen. End the infestation.', cw: 5, ch: 4, enemies: 30, types: ['crawler', 'spitter', 'spitter', 'crawler'], boss: 'queen', timer: 0, floor: [95, 12, 22], weapon: -1 }, ]; const ETYPES = { crawler: { hp: 3, speed: 3.5, r: 0.38, hr: 0.5, dmg: 8, score: 100, scale: 0.85, mat: new THREE.MeshStandardMaterial({ color: '#16181d', roughness: 0.25, metalness: 0.7 }) }, spitter: { hp: 5, speed: 2.3, r: 0.42, hr: 0.55, dmg: 6, score: 200, scale: 0.95, ranged: true, mat: new THREE.MeshStandardMaterial({ color: '#0f1a33', roughness: 0.3, metalness: 0.6, emissive: '#1a3cff', emissiveIntensity: 0.6 }) }, brute: { hp: 150, speed: 2.6, r: 0.9, hr: 1.5, dmg: 22, score: 5000, scale: 2.2, boss: 'BRUTE', mat: new THREE.MeshStandardMaterial({ color: '#ff5a10', roughness: 0.4, metalness: 0.2, emissive: '#ff3000', emissiveIntensity: 1.1 }) }, queen: { hp: 320, speed: 1.7, r: 0.95, hr: 2.0, dmg: 28, score: 15000, scale: 3.0, boss: 'HIVE QUEEN', mat: new THREE.MeshStandardMaterial({ color: '#2a0d08', roughness: 0.3, metalness: 0.6, emissive: '#ff2200', emissiveIntensity: 0.7 }) }, }; ETYPES.egg = { hp: 4, speed: 0, r: 0.4, hr: 0.5, dmg: 0, score: 150, scale: 0.75 }; ETYPES.hugger = { hp: 1.5, speed: 4.6, r: 0.25, hr: 0.3, dmg: 3, score: 120, scale: 0.55 }; const WEAPONS = [ { name: 'PULSE RIFLE', rate: 0.1, dmg: 1.2, speed: 28, spread: 0.04, count: 1, col: [3, 2, 0.8], life: 0.8, size: 0.08, len: 0.6, give: 0, srate: 1.0 }, { name: 'TWIN SCATTER', rate: 0.42, dmg: 1.1, speed: 24, spread: 0.3, count: 7, col: [3, 1.6, 0.5], life: 0.45, size: 0.08, len: 0.45, give: 30, srate: 0.72 }, { name: 'FLAMER', rate: 0.035, dmg: 0.5, speed: 11, spread: 0.22, count: 1, col: [3, 1.1, 0.2], life: 0.38, size: 0.2, len: 0.2, flame: true, pierce: true, give: 160, srate: 1.45 }, { name: 'PLASMA LANCE', rate: 0.32, dmg: 7, speed: 20, spread: 0, count: 1, col: [0.6, 2.2, 4], life: 1.2, size: 0.2, len: 1.0, pierce: true, give: 14, srate: 0.55 }, ]; // ---------- state ---------- let state = 'title', stateT = 0, levelIndex = 0; let W = 0, H = 0, grid, ttype, doorIdx, distF, bfsQ; let doors = [], rooms = [], exitRoom = null, lamps = [], pickups = [], enemies = [], visited, exitActive = false; let boss = null, timer = 0, msg = '', msg2 = '', msgT = 0, shake = 0, dmgFlash = 0, spawnT = 5, flowT = 0, lampT = 0, muzzle = 0, sndT = 0, roarT = 0, levelKills = 0; const player = { x: 0, z: 0, aim: 0, hp: 100, lives: 3, weapon: 0, owned: [true, false, false, false], ammo: [Infinity, 0, 0, 0], keys: 0, credits: 0, score: 0, fireCd: 0, inv: 0, walk: 0, hug: null }; const levelGroup = new THREE.Group(); scene.add(levelGroup); let levelDispose = []; let mmCanvas = mkCanvas(4, 4), exitPad = null; // ---------- player model ---------- const pGroup = new THREE.Group(); const pMat = new THREE.MeshStandardMaterial({ map: TEX.marine, emissiveMap: TEX.marine, emissive: '#ffffff', emissiveIntensity: 0.18, alphaTest: 0.5, roughness: 0.5, metalness: 0.3 }); const pBody = new THREE.Mesh(new THREE.PlaneGeometry(1.7, 1.7), pMat); pBody.rotation.x = -Math.PI / 2; pBody.position.y = 0.55; pGroup.add(pBody); const pShadow = new THREE.Mesh(shadowGeo, shadowMat); pShadow.rotation.x = -Math.PI / 2; pShadow.position.set(-0.1, 0.02, 0.1); pShadow.scale.set(1.3, 1.5, 1); pGroup.add(pShadow); scene.add(pGroup); const flashMesh = new THREE.Mesh(new THREE.SphereGeometry(0.16, 8, 6), new THREE.MeshBasicMaterial({ color: new THREE.Color(4, 2.4, 0.8), toneMapped: false, transparent: true, blending: THREE.AdditiveBlending, depthWrite: false })); scene.add(flashMesh); // ---------- alien model ---------- function makeAlien(type, T) { const g = new THREE.Group(); const A = ALIEN[type]; const mat = new THREE.MeshStandardMaterial({ map: A.tex, emissiveMap: A.tex, emissive: A.emC.clone(), emissiveIntensity: A.ei, alphaTest: 0.5, roughness: 0.3, metalness: 0.4 }); const body = new THREE.Mesh(alienGeo, mat); body.rotation.x = -Math.PI / 2; body.position.y = 0.3; g.add(body); const sh = new THREE.Mesh(shadowGeo, shadowMat); sh.rotation.x = -Math.PI / 2; sh.position.set(-0.1, 0.025, 0.1); sh.scale.set(1.6, 1.1, 1); g.add(sh); g.scale.setScalar(T.scale); return { g, legs: [], body, mat }; } // ---------- pools: bullets, particles, decals ---------- const MAXB = 500, MAXP = 900, MAXD = 160; const bMesh = new THREE.InstancedMesh(G.box, new THREE.MeshBasicMaterial({ color: '#fff', toneMapped: false }), MAXB); const pMesh = new THREE.InstancedMesh(new THREE.IcosahedronGeometry(1, 0), new THREE.MeshBasicMaterial({ color: '#fff', toneMapped: false, transparent: true, blending: THREE.AdditiveBlending, depthWrite: false }), MAXP); const decGeo = new THREE.PlaneGeometry(1, 1); const mkDec = (tex, n, y, em) => ({ mesh: new THREE.InstancedMesh(decGeo, new THREE.MeshStandardMaterial({ map: tex, transparent: true, depthWrite: false, roughness: 0.22, metalness: 0.1, emissiveMap: em ? tex : null, emissive: em ? '#7aff30' : '#000000', emissiveIntensity: em ? 0.35 : 0, polygonOffset: true, polygonOffsetFactor: -2 }), n), n, i: 0, y }); const DEC = { blood: mkDec(TEX.blood, 160, 0.012, false), acid: mkDec(TEX.acid, 220, 0.016, true), print: mkDec(TEX.print, 220, 0.022, false) }; const splats = []; const dummy = new THREE.Object3D(), tmpC = new THREE.Color(); for (const m of [bMesh, pMesh, DEC.blood.mesh, DEC.acid.mesh, DEC.print.mesh]) { dummy.scale.setScalar(0); dummy.updateMatrix(); for (let i = 0; i < m.count; i++) { m.setMatrixAt(i, dummy.matrix); m.setColorAt(i, tmpC.set(0, 0, 0)); } m.frustumCulled = false; scene.add(m); } bMesh.count = 0; pMesh.count = 0; let decalI = 0; const bullets = [], bFree = []; for (let i = 0; i < MAXB; i++) bFree.push({ x: 0, z: 0, vx: 0, vz: 0, life: 0, max: 1, dmg: 0, r: 1, g: 1, b: 1, size: 0.1, len: 0.5, enemy: false, pierce: false, flame: false, hits: [] }); const P = { x: new Float32Array(MAXP), y: new Float32Array(MAXP), z: new Float32Array(MAXP), vx: new Float32Array(MAXP), vy: new Float32Array(MAXP), vz: new Float32Array(MAXP), life: new Float32Array(MAXP), max: new Float32Array(MAXP), s: new Float32Array(MAXP), r: new Float32Array(MAXP), g: new Float32Array(MAXP), b: new Float32Array(MAXP) }; let pI = 0; function burst(x, y, z, n, r, g, b, spd, life, sz, up = 0.5) { for (let k = 0; k < n; k++) { const i = pI; pI = (pI + 1) % MAXP; const a = R() * 6.283, v = spd * (0.3 + R() * 0.7); P.x[i] = x; P.y[i] = y; P.z[i] = z; P.vx[i] = Math.cos(a) * v; P.vz[i] = Math.sin(a) * v; P.vy[i] = (R() * 2 - 0.6) * spd * up; P.life[i] = P.max[i] = life * (0.5 + R() * 0.6); P.s[i] = sz * (0.6 + R() * 0.8); P.r[i] = r; P.g[i] = g; P.b[i] = b; } } function decal(x, z, s, kind, rot, col) { const D = DEC[kind], i = D.i, pr = kind === 'print'; dummy.position.set(x, D.y + i * 0.00002, z); dummy.rotation.set(-Math.PI / 2, 0, rot === undefined ? R() * 6.283 : rot); dummy.scale.set(pr ? s : s * (0.8 + R() * 0.5), s, 1); dummy.updateMatrix(); D.mesh.setMatrixAt(i, dummy.matrix); if (col) tmpC.setRGB(col[0], col[1], col[2]); else { const v = 0.75 + R() * 0.35; tmpC.setRGB(v, v, v); } D.mesh.setColorAt(i, tmpC); D.mesh.instanceMatrix.needsUpdate = true; D.mesh.instanceColor.needsUpdate = true; D.i = (i + 1) % D.n; if (!pr) { splats.push({ x, z, r: s * 0.28, kind }); if (splats.length > 120) splats.shift(); } } function shoot(x, z, a, speed, life, dmg, col, size, len, enemy, pierce, flame) { const b = bFree.pop(); if (!b) return; b.x = x; b.z = z; b.vx = Math.cos(a) * speed; b.vz = Math.sin(a) * speed; b.life = b.max = life; b.dmg = dmg; b.r = col[0]; b.g = col[1]; b.b = col[2]; b.size = size; b.len = len; b.enemy = enemy; b.pierce = pierce; b.flame = flame; b.hits.length = 0; bullets.push(b); } // ---------- map queries ---------- function solid(tx, ty) { if (tx < 0 || ty < 0 || tx >= W || ty >= H) return true; const i = ty * W + tx; if (grid[i] !== 0) return true; const d = doorIdx[i]; return d >= 0 && doors[d].open < 0.75; } function collides(x, z, r) { const x0 = Math.floor(x - r), x1 = Math.floor(x + r), z0 = Math.floor(z - r), z1 = Math.floor(z + r); for (let tz = z0; tz <= z1; tz++) for (let tx = x0; tx <= x1; tx++) { if (!solid(tx, tz)) continue; const cx = Math.max(tx, Math.min(x, tx + 1)), cz = Math.max(tz, Math.min(z, tz + 1)); if ((x - cx) ** 2 + (z - cz) ** 2 < r * r) return true; } return false; } function move(o, dx, dz, r) { let hit = false; if (!collides(o.x + dx, o.z, r)) o.x += dx; else hit = true; if (!collides(o.x, o.z + dz, r)) o.z += dz; else hit = true; return hit; } function los(x0, z0, x1, z1) { const dx = x1 - x0, dz = z1 - z0, n = Math.min(60, Math.ceil(Math.hypot(dx, dz) / 0.35)); for (let i = 1; i < n; i++) if (solid(Math.floor(x0 + dx * i / n), Math.floor(z0 + dz * i / n))) return false; return true; } function computeFlow() { distF.fill(-1); const tx = Math.floor(player.x), tz = Math.floor(player.z); if (tx < 0 || tz < 0 || tx >= W || tz >= H) return; let h = 0, t = 0; const s = tz * W + tx; bfsQ[t++] = s; distF[s] = 0; while (h < t) { const i = bfsQ[h++], x = i % W, d = distF[i] + 1; const nb = [i - 1, i + 1, i - W, i + W]; for (let k = 0; k < 4; k++) { const n = nb[k]; if (n < 0 || n >= W * H) continue; if (k < 2 && Math.floor(n / W) !== Math.floor(i / W)) continue; if (distF[n] >= 0 || grid[n] !== 0) continue; const di = doorIdx[n]; if (di >= 0 && doors[di].locked) continue; distF[n] = d; bfsQ[t++] = n; } void x; } } // ---------- level build ---------- function clearLevel() { for (const o of [...levelGroup.children]) levelGroup.remove(o); for (const d of levelDispose) d.dispose(); levelDispose = []; for (const e of enemies) e.mat.dispose(); enemies = []; pickups = []; doors = []; lamps = []; rooms = []; boss = null; while (bullets.length) bFree.push(bullets.pop()); P.life.fill(0); dummy.scale.setScalar(0); dummy.updateMatrix(); for (const D of Object.values(DEC)) { for (let i = 0; i < D.n; i++) D.mesh.setMatrixAt(i, dummy.matrix); D.mesh.instanceMatrix.needsUpdate = true; D.i = 0; } splats.length = 0; player.trackN = 0; } function addEnemy(type, x, z, awake) { const T = ETYPES[type]; const m = makeAlien(type, T); m.g.position.set(x, 0, z); levelGroup.add(m.g); const hpMul = T.boss ? (0.7 + 0.3 * params.difficulty) : 1; const e = { type, T, hp: T.hp * hpMul, maxhp: T.hp * hpMul, x, z, r: T.r, angle: R() * 6, awake, atk: 0, shot: 1 + R() * 2, walk: R() * 6, mesh: m.g, legs: m.legs, body: m.body, mat: m.mat, ei: ALIEN[type].ei, emC: ALIEN[type].emC, flash: 0, dead: false, mode: 'chase', modeT: 3, cvx: 0, cvz: 0, spiral: 0, roared: false }; enemies.push(e); return e; } const PU = { health: { mat: new THREE.MeshStandardMaterial({ color: '#eeeeee', emissive: '#ff2030', emissiveIntensity: 0.8 }), geo: G.box, s: [0.45, 0.3, 0.45] }, ammo: { mat: new THREE.MeshStandardMaterial({ color: '#c9a227', emissive: '#ffb000', emissiveIntensity: 0.6 }), geo: G.box, s: [0.5, 0.25, 0.3] }, key: { mat: new THREE.MeshBasicMaterial({ color: new THREE.Color(0.4, 2.5, 3), toneMapped: false }), geo: G.box, s: [0.35, 0.06, 0.5] }, credit: { mat: new THREE.MeshStandardMaterial({ color: '#ffd23a', emissive: '#ffaa00', emissiveIntensity: 0.9, metalness: 0.8, roughness: 0.3 }), geo: G.cyl, s: [0.22, 0.06, 0.22] }, weapon: { mat: new THREE.MeshStandardMaterial({ color: '#2f6b3a', emissive: '#39ff6a', emissiveIntensity: 0.9 }), geo: G.box, s: [0.8, 0.3, 0.4] }, }; const puGeo = new THREE.PlaneGeometry(1, 1); const puMat = (k, ei) => { const t = paintItem(k); return new THREE.MeshStandardMaterial({ map: t, emissiveMap: t, emissive: '#ffffff', emissiveIntensity: ei, alphaTest: 0.4, roughness: 0.45, metalness: 0.2 }); }; const PUS = { health: { mat: puMat('health', 0.35), s: 0.8 }, ammo: { mat: puMat('ammo', 0.3), s: 0.8 }, key: { mat: puMat('key', 0.9), s: 0.65 }, credit: { mat: puMat('credit', 0.5), s: 0.5 }, weapon: { mat: puMat('weapon', 0.5), s: 1.15 } }; function addPickup(kind, x, z, extra = 0) { const d = PUS[kind]; const m = new THREE.Group(); const spm = new THREE.Mesh(puGeo, d.mat); spm.rotation.x = -Math.PI / 2; spm.scale.setScalar(d.s); m.add(spm); m.position.set(x, 0.4, z); levelGroup.add(m); pickups.push({ kind, x, z, mesh: m, extra, ph: R() * 6 }); } function buildLevel() { clearLevel(); const L = LEVELS[levelIndex]; const rnd = rngf(9137 + levelIndex * 7919); const CW = L.cw, CH = L.ch, N = CW * CH; W = CW * S; H = CH * S; grid = new Uint8Array(W * H).fill(1); ttype = new Uint8Array(W * H); doorIdx = new Int16Array(W * H).fill(-1); distF = new Int16Array(W * H).fill(-1); bfsQ = new Int32Array(W * H); visited = new Uint8Array(N); const adj = Array.from({ length: N }, () => []); const seen = new Uint8Array(N), stack = [0]; seen[0] = 1; while (stack.length) { const c = stack[stack.length - 1], cx = c % CW, cy = (c / CW) | 0, nb = []; if (cx > 0 && !seen[c - 1]) nb.push(c - 1); if (cx < CW - 1 && !seen[c + 1]) nb.push(c + 1); if (cy > 0 && !seen[c - CW]) nb.push(c - CW); if (cy < CH - 1 && !seen[c + CW]) nb.push(c + CW); if (!nb.length) { stack.pop(); continue; } const n = nb[(rnd() * nb.length) | 0]; seen[n] = 1; adj[c].push(n); adj[n].push(c); stack.push(n); } const depth = new Int16Array(N).fill(-1), par = new Int16Array(N).fill(-1); depth[0] = 0; const q = [0]; for (let qi = 0; qi < q.length; qi++) for (const n of adj[q[qi]]) if (depth[n] < 0) { depth[n] = depth[q[qi]] + 1; par[n] = q[qi]; q.push(n); } let exitC = 0; for (let c = 0; c < N; c++) if (depth[c] > depth[exitC]) exitC = c; for (let k = 0; k < Math.floor(N / 4); k++) { const c = (rnd() * N) | 0, cx = c % CW; let n = -1; if (rnd() < 0.5) { if (cx < CW - 1) n = c + 1; } else if (c + CW < N) n = c + CW; if (n < 0 || c === exitC || n === exitC || adj[c].includes(n)) continue; adj[c].push(n); adj[n].push(c); } const cand = []; for (let c = 1; c < N; c++) if (c !== exitC) cand.push(c); cand.sort((a, b) => depth[b] - depth[a]); const keyC = cand[(rnd() * Math.max(1, cand.length / 2)) | 0]; const lockFrom = par[exitC]; const cellRoom = []; for (let c = 0; c < N; c++) { const cx = c % CW, cy = (c / CW) | 0, big = c === exitC || c === 0; const hw = big ? 4 : 2 + ((rnd() * 3) | 0), hh = big ? 4 : 2 + ((rnd() * 3) | 0); const x0 = cx * S + 5 - hw, x1 = cx * S + 4 + hw, z0 = cy * S + 5 - hh, z1 = cy * S + 4 + hh; for (let z = z0; z <= z1; z++) for (let x = x0; x <= x1; x++) { grid[z * W + x] = 0; ttype[z * W + x] = 0; } const rm = { c, x0, x1, z0, z1, cx: (x0 + x1 + 1) / 2, cz: (z0 + z1 + 1) / 2, depth: depth[c], hw, hh }; rooms.push(rm); cellRoom[c] = rm; } exitRoom = cellRoom[exitC]; // corridors + doors for (let c = 0; c < N; c++) for (const n of adj[c]) { if (n < c) continue; const cx = c % CW, cy = (c / CW) | 0; const locked = (c === lockFrom && n === exitC) || (n === lockFrom && c === exitC); let tiles, dx, dz, vert; if (n === c + 1) { const zA = cy * S + 4; for (let x = cx * S + 5; x <= (cx + 1) * S + 4; x++) for (const zz of [zA, zA + 1]) { const i = zz * W + x; if (grid[i] === 1) { grid[i] = 0; ttype[i] = 1; } } const x = (cx + 1) * S; tiles = [zA * W + x, (zA + 1) * W + x]; dx = x + 0.5; dz = zA + 1; vert = true; } else { const xA = cx * S + 4; for (let z = cy * S + 5; z <= (cy + 1) * S + 4; z++) for (const xx of [xA, xA + 1]) { const i = z * W + xx; if (grid[i] === 1) { grid[i] = 0; ttype[i] = 1; } } const z = (cy + 1) * S; tiles = [z * W + xA, z * W + xA + 1]; dx = xA + 1; dz = z + 0.5; vert = false; } const m = new THREE.Mesh(G.box, locked ? lockMat : doorMat); if (vert) m.scale.set(0.4, 1.35, 2); else m.scale.set(2, 1.35, 0.4); m.position.set(dx, 0.67, dz); m.castShadow = true; m.receiveShadow = true; levelGroup.add(m); const di = doors.length; for (const t of tiles) { doorIdx[t] = di; ttype[t] = 3; } doors.push({ tiles, x: dx, z: dz, vert, open: 0, locked, mesh: m, moving: false }); } // lift const lx = exitRoom.x1 - 2, lz = exitRoom.z1 - 2; for (let z = lz; z <= lz + 1; z++) for (let x = lx; x <= lx + 1; x++) ttype[z * W + x] = 2; // crates for (const rm of rooms) { if (rm.c === 0 || rm.c === exitC || rm.hw < 3 || rm.hh < 3 || rnd() > 0.75) continue; for (const [x, z] of [[rm.x0, rm.z0], [rm.x1, rm.z0], [rm.x0, rm.z1], [rm.x1, rm.z1]]) { if (rnd() < 0.55) { grid[z * W + x] = 2; const m = new THREE.Mesh(G.box, crateMat); m.scale.setScalar(0.92); m.position.set(x + 0.5, 0.46, z + 0.5); m.castShadow = m.receiveShadow = true; levelGroup.add(m); } } } // floor paint const TS = 24, fc = mkCanvas(W * TS, H * TS), g = fc.getContext('2d'); g.fillStyle = '#060606'; g.fillRect(0, 0, fc.width, fc.height); const [fh, fs, fl] = L.floor; for (let z = 0; z < H; z++) for (let x = 0; x < W; x++) { const i = z * W + x; if (grid[i] === 1) continue; const px = x * TS, pz = z * TS; if (ttype[i] === 1 || ttype[i] === 3) { g.fillStyle = `hsl(${fh},${fs}%,${fl * 0.55}%)`; g.fillRect(px, pz, TS, TS); g.fillStyle = `hsl(${fh},${fs}%,${fl * 0.28}%)`; for (let k = 2; k < TS; k += 4) g.fillRect(px + k, pz + 1, 2, TS - 2); } else { const v = 0.85 + rnd() * 0.3; g.fillStyle = `hsl(${fh},${fs}%,${fl * v}%)`; g.fillRect(px, pz, TS, TS); for (let k = 0; k < 5; k++) { g.fillStyle = `hsla(${fh},${fs}%,${fl * (rnd() < 0.5 ? 0.6 : 1.35)}%,0.8)`; g.fillRect(px + ((rnd() * 7) | 0) * 2, pz + ((rnd() * 7) | 0) * 2, 2 + ((rnd() * 2) | 0) * 2, 2 + ((rnd() * 2) | 0) * 2); } g.fillStyle = 'rgba(0,0,0,0.35)'; if (x % 2) g.fillRect(px + TS - 1, pz, 1, TS); if (z % 2) g.fillRect(px, pz + TS - 1, TS, 1); g.fillStyle = 'rgba(255,255,255,0.07)'; g.fillRect(px, pz, TS, 1); g.fillRect(px, pz, 1, TS); } } for (const d of doors) for (const t of d.tiles) { const px = (t % W) * TS, pz = ((t / W) | 0) * TS; g.fillStyle = '#c9a227'; g.fillRect(px, pz, TS, TS); g.fillStyle = '#151515'; for (let k = -TS; k < TS; k += 6) { g.beginPath(); g.moveTo(px + k, pz + TS); g.lineTo(px + k + 3, pz + TS); g.lineTo(px + k + TS + 3, pz); g.lineTo(px + k + TS, pz); g.fill(); } } g.font = `bold ${TS * 1.1}px monospace`; rooms.forEach((rm, k) => { if (rm.c !== exitC && rnd() < 0.7) { g.fillStyle = 'rgba(225,225,225,0.25)'; g.fillText('BAY ' + (k + 1), (rm.x0 + 0.4) * TS, (rm.z1 + 0.6) * TS); } }); { const px = lx * TS, pz = lz * TS, s = 2 * TS; g.fillStyle = '#c9a227'; g.fillRect(px - 4, pz - 4, s + 8, s + 8); g.fillStyle = '#111'; for (let k = 0; k < s + 8; k += 8) { g.fillRect(px - 4 + k, pz - 4, 4, 4); g.fillRect(px - 4 + k, pz + s, 4, 4); g.fillRect(px - 4, pz - 4 + k, 4, 4); g.fillRect(px + s, pz - 4 + k, 4, 4); } g.fillStyle = '#26282b'; g.fillRect(px, pz, s, s); g.strokeStyle = '#555'; g.lineWidth = 1; for (let k = 4; k < s; k += 6) { g.beginPath(); g.moveTo(px, pz + k); g.lineTo(px + s, pz + k); g.stroke(); } g.fillStyle = 'rgba(225,225,225,0.35)'; g.fillText('DECK LIFT', (exitRoom.x0 + 0.4) * TS, (exitRoom.z0 + 1.2) * TS); } const ftex = mkTex(fc); const fmat = new THREE.MeshStandardMaterial({ map: ftex, roughness: 0.85, metalness: 0.15 }); const fgeo = new THREE.PlaneGeometry(W, H); const floor = new THREE.Mesh(fgeo, fmat); floor.rotation.x = -Math.PI / 2; floor.position.set(W / 2, 0, H / 2); floor.receiveShadow = true; levelGroup.add(floor); levelDispose.push(ftex, fmat, fgeo); // walls const wl = []; for (let z = 0; z < H; z++) for (let x = 0; x < W; x++) { if (grid[z * W + x] !== 1) continue; let edge = false; for (let a = -1; a <= 1 && !edge; a++) for (let b = -1; b <= 1; b++) { const xx = x + a, zz = z + b; if (xx >= 0 && zz >= 0 && xx < W && zz < H && grid[zz * W + xx] !== 1) { edge = true; break; } } if (edge) wl.push(x, z); } const wm = new THREE.InstancedMesh(G.box, wallMat, Math.max(1, wl.length / 2)); for (let k = 0; k < wl.length / 2; k++) { dummy.position.set(wl[k * 2] + 0.5, 0.7, wl[k * 2 + 1] + 0.5); dummy.rotation.set(0, 0, 0); dummy.scale.set(1, 1.4, 1); dummy.updateMatrix(); wm.setMatrixAt(k, dummy.matrix); } wm.castShadow = wm.receiveShadow = true; levelGroup.add(wm); levelDispose.push(wm); // minimap mmCanvas = mkCanvas(W * 2, H * 2); { const m = mmCanvas.getContext('2d'); for (let i = 0; i < W * H; i++) if (grid[i] !== 1) { m.fillStyle = ttype[i] === 2 ? '#39ff6a' : ttype[i] === 3 ? '#c9a227' : '#8a8f96'; m.fillRect((i % W) * 2, ((i / W) | 0) * 2, 2, 2); } } // lamps const lampMat = new THREE.MeshBasicMaterial({ color: new THREE.Color(3, 2.6, 1.8), toneMapped: false }); levelDispose.push(lampMat); for (const rm of rooms) { lamps.push({ x: rm.cx, z: rm.z0 + 0.4, ph: rnd() * 6 }); const m = new THREE.Mesh(G.box, lampMat); m.scale.set(0.9, 0.12, 0.2); m.position.set(rm.cx, 1.2, rm.z0 + 0.08); levelGroup.add(m); } exitPad = new THREE.Mesh(new THREE.PlaneGeometry(1.7, 1.7), new THREE.MeshBasicMaterial({ color: '#ff2010', transparent: true, opacity: 0.35, blending: THREE.AdditiveBlending, depthWrite: false, toneMapped: false })); exitPad.rotation.x = -Math.PI / 2; exitPad.position.set(lx + 1, 0.03, lz + 1); levelGroup.add(exitPad); levelDispose.push(exitPad.geometry, exitPad.material); // contents const randIn = (rm, r) => { for (let k = 0; k < 14; k++) { const x = rm.x0 + 0.6 + rnd() * (rm.x1 - rm.x0 - 0.2), z = rm.z0 + 0.6 + rnd() * (rm.z1 - rm.z0 - 0.2); if (!collides(x, z, r)) return [x, z]; } return [rm.cx, rm.cz]; }; for (const rm of rooms) { if (rm.c === exitC) continue; const n = rm.c === 0 ? 1 : 1 + (rnd() < 0.4 ? 1 : 0); for (let k = 0; k < n; k++) { const r = rnd(); const [x, z] = randIn(rm, 0.4); addPickup(r < 0.3 ? 'health' : r < 0.62 ? 'ammo' : 'credit', x, z); } } { const [x, z] = randIn(cellRoom[keyC], 0.4); addPickup('key', x, z); } if (L.weapon > 0) { const maxD = depth[exitC]; let best = cellRoom[0], bd = 99; for (const rm of rooms) { if (rm.c === exitC || rm.c === keyC || rm.c === 0) continue; const dd = Math.abs(rm.depth - maxD / 3); if (dd < bd) { bd = dd; best = rm; } } const [x, z] = randIn(best, 0.5); addPickup('weapon', x, z, L.weapon); } const ne = Math.round(L.enemies * (0.6 + 0.4 * params.difficulty)); for (let k = 0; k < ne; k++) { const rm = rooms[1 + ((rnd() * (rooms.length - 1)) | 0)]; const [x, z] = randIn(rm, 0.5); addEnemy(L.types[(rnd() * L.types.length) | 0], x, z, false); } const nEggs = Math.round((3 + levelIndex * 3) * (0.6 + 0.4 * params.difficulty)); for (let k = 0; k < nEggs; k++) { const rm = rooms[1 + ((rnd() * (rooms.length - 1)) | 0)]; if (rm === exitRoom) continue; const [x, z] = randIn(rm, 0.5); const cl = 1 + ((rnd() * 3) | 0); for (let j = 0; j < cl; j++) { const ex = x + (rnd() - 0.5) * 1.4, ez = z + (rnd() - 0.5) * 1.4; if (!collides(ex, ez, 0.4)) addEnemy('egg', ex, ez, false); } } if (L.boss) boss = addEnemy(L.boss, exitRoom.cx - 1, exitRoom.cz - 1, false); exitActive = !L.boss; player.x = cellRoom[0].cx; player.z = cellRoom[0].cz; player.keys = 0; timer = L.timer; spawnT = 8; flowT = 0; lampT = 0; levelKills = 0; } // ---------- game flow ---------- function startLevel() { buildLevel(); player.hp = 100; player.inv = 1.5; player.hug = null; pGroup.visible = true; const L = LEVELS[levelIndex]; msg = L.name; msg2 = L.brief; msgT = 4.5; state = 'play'; stateT = 0; computeFlow(); } function newGame() { levelIndex = 0; Object.assign(player, { lives: 3, weapon: 0, owned: [true, false, false, false], ammo: [Infinity, 0, 0, 0], credits: 0, score: 0 }); startLevel(); } function say(a, b = '', t = 2.5) { msg = a; msg2 = b; msgT = t; } function damagePlayer(d) { if (player.inv > 0 || state !== 'play') return; player.hp -= d * (0.6 + 0.4 * params.difficulty); player.inv = 0.35; dmgFlash = 1; shake = Math.max(shake, 0.3); burst(player.x, 0.8, player.z, 10, 2, 0.1, 0.05, 3, 0.5, 0.06); decal(player.x + (R() - 0.5) * 0.6, player.z + (R() - 0.5) * 0.6, 0.6 + R() * 0.4, 'blood'); if (player.hp <= 0) die(); } function die() { player.hp = 0; player.hug = null; state = 'dead'; stateT = 0; pGroup.visible = false; shake = 0.8; burst(player.x, 0.8, player.z, 60, 2.5, 0.15, 0.05, 6, 1, 0.09); decal(player.x, player.z, 1.6, 'blood'); play(ID.splat, { volume: 0.9, rate: 0.7 }); } function wake(e) { if (e.awake || e.type === 'egg') return; e.awake = true; if (e.T.boss && !e.roared) { e.roared = true; play(ID.roar, { volume: 1 }); shake = 0.6; say(e.T.boss, 'KILL IT TO ACTIVATE THE LIFT', 3); } else if (roarT <= 0 && R() < 0.3) { play(ID.roar, { volume: 0.25, rate: 1.3 + R() * 0.3 }); roarT = 2; } } function killEnemy(e) { e.dead = true; levelGroup.remove(e.mesh); if (player.hug === e) player.hug = null; if (e.type === 'egg') play(ID.egg, { volume: 0.5, rate: 1.3 }); const s = e.T.scale; burst(e.x, 0.5, e.z, e.T.boss ? 160 : 26, 0.9, 2.4, 0.3, e.T.boss ? 9 : 4.5, 0.8, 0.07 * s); decal(e.x, e.z, 1.1 * s, 'acid'); play(ID.splat, { volume: e.T.boss ? 1 : 0.5, rate: e.T.boss ? 0.6 : 0.85 + R() * 0.4 }); player.score += e.T.score; levelKills++; if (e.T.boss) { shake = 1.2; exitActive = true; boss = null; say(e.T.boss + ' DESTROYED', 'DECK LIFT ACTIVATED', 3.5); for (let k = 0; k < 6; k++) decal(e.x + (R() - 0.5) * 3, e.z + (R() - 0.5) * 3, 1.2, 'acid'); } else { const r = R(); if (r < 0.08) addPickup('ammo', e.x, e.z); else if (r < 0.13) addPickup('health', e.x, e.z); else if (r < 0.19) addPickup('credit', e.x, e.z); } } function cycleWeapon(dir = 1) { for (let k = 1; k <= 4; k++) { const w = (player.weapon + dir * k + 4) % 4; if (player.owned[w] && (w === 0 || player.ammo[w] > 0)) { player.weapon = w; say(WEAPONS[w].name, '', 1.2); return; } } } function fire() { const Wp = WEAPONS[player.weapon]; if (player.fireCd > 0) return; if (player.weapon > 0 && player.ammo[player.weapon] <= 0) { player.weapon = 0; say('OUT OF AMMO', '', 1.2); return; } player.fireCd = Wp.rate; if (player.weapon > 0) player.ammo[player.weapon]--; if (player.hug) { player.hug.modeT -= Math.max(0.05, Wp.rate * 1.2); player.hug.flash = 1; } const ca = Math.cos(player.aim), sa = Math.sin(player.aim); const mx = player.x + ca * 0.85 - sa * 0.18, mz = player.z + sa * 0.85 + ca * 0.18; for (let k = 0; k < Wp.count; k++) shoot(mx, mz, player.aim + (R() - 0.5) * 2 * Wp.spread, Wp.speed * (0.9 + R() * 0.2), Wp.life, Wp.dmg, Wp.col, Wp.size, Wp.len, false, !!Wp.pierce, !!Wp.flame); muzzle = 0.06; flashMesh.position.set(mx, 0.85, mz); shake = Math.max(shake, player.weapon === 1 ? 0.15 : 0.04); if (sndT <= 0) { play(ID.shot, { volume: Wp.flame ? 0.22 : 0.4, rate: Wp.srate * (0.9 + R() * 0.2) }); sndT = Wp.flame ? 0.12 : 0.06; } } // ---------- input ---------- const keys = {}; let mouseFire = false, moveStick = null, aimStick = null, wbX = 0, wbY = 0; const onKey = (e, v) => { const k = e.key.toLowerCase(); keys[k] = v; if (v) { if (state !== 'play' && state !== 'dead' && state !== 'levelDone' && (k === ' ' || k === 'enter')) { newGame(); e.preventDefault(); return; } if ('1234'.includes(k) && k.length === 1) { const w = +k - 1; if (player.owned[w] && (w === 0 || player.ammo[w] > 0)) { player.weapon = w; say(WEAPONS[w].name, '', 1.2); } } if (k === 'q') cycleWeapon(-1); if (k === 'e') cycleWeapon(1); } if ([' ', 'arrowup', 'arrowdown', 'arrowleft', 'arrowright'].includes(k)) e.preventDefault(); }; const kd = (e) => onKey(e, true), ku = (e) => onKey(e, false); window.addEventListener('keydown', kd); window.addEventListener('keyup', ku); const lp = (e) => { const r = canvas.getBoundingClientRect(); return [e.clientX - r.left, e.clientY - r.top, r.width]; }; const pd = (e) => { if (state === 'title' || state === 'gameover' || state === 'victory') { newGame(); return; } const [x, y, w] = lp(e); if (e.pointerType === 'mouse') { if (e.button === 2) cycleWeapon(); else mouseFire = true; return; } if (Math.hypot(x - wbX, y - wbY) < 42) { cycleWeapon(); return; } if (x < w / 2) { if (!moveStick) moveStick = { id: e.pointerId, ox: x, oy: y, x, y }; } else if (!aimStick) aimStick = { id: e.pointerId, ox: x, oy: y, x, y }; try { canvas.setPointerCapture(e.pointerId); } catch (err) {} }; const pm = (e) => { const [x, y] = lp(e); for (const s of [moveStick, aimStick]) if (s && s.id === e.pointerId) { s.x = x; s.y = y; } }; const pu = (e) => { if (e.pointerType === 'mouse') mouseFire = false; if (moveStick && moveStick.id === e.pointerId) moveStick = null; if (aimStick && aimStick.id === e.pointerId) aimStick = null; }; const cm = (e) => e.preventDefault(); canvas.addEventListener('pointerdown', pd); canvas.addEventListener('pointermove', pm); canvas.addEventListener('pointerup', pu); canvas.addEventListener('pointercancel', pu); canvas.addEventListener('contextmenu', cm); canvas.style.touchAction = 'none'; // ---------- HUD ---------- const hud = document.createElement('canvas'); Object.assign(hud.style, { position: 'fixed', left: '0', top: '0', width: '100%', height: '100%', pointerEvents: 'none', zIndex: '2' }); (canvas.parentElement || document.body).appendChild(hud); const hg = hud.getContext('2d'); // ---------- updates ---------- const ray = new THREE.Raycaster(), ndc = new THREE.Vector2(), aimPlane = new THREE.Plane(new THREE.Vector3(0, 1, 0), -0.85), hitP = new THREE.Vector3(); const camT = new THREE.Vector3(), camLook = new THREE.Vector3(); const NB = [[1, 0], [-1, 0], [0, 1], [0, -1]]; function nearestEnemy(maxD) { let best = null, bd = maxD; for (const e of enemies) { if (e.dead) continue; const d = Math.hypot(e.x - player.x, e.z - player.z); if (d < bd && los(player.x, player.z, e.x, e.z)) { bd = d; best = e; } } return best; } function updEgg(e, dt, d, dx, dz, alive) { e.walk += dt; e.flash = Math.max(0, e.flash - dt * 6); let wob = 0; if (!e.hatched) { if (alive && d < 5.5 && los(e.x, e.z, player.x, player.z)) { e.hatchT = (e.hatchT || 0) + dt; if (!e.warned) { e.warned = true; play(ID.egg, { volume: 0.35, rate: 0.9 + R() * 0.2 }); } } else e.hatchT = Math.max(0, (e.hatchT || 0) - dt * 0.5); wob = Math.min(1, (e.hatchT || 0) / 1.3); if (e.hatchT > 1.3) { e.hatched = true; e.mat.map = TEX.eggOpen; e.mat.emissiveMap = TEX.eggOpen; e.mat.emissiveIntensity = 0.4; e.mat.needsUpdate = true; e.hp = Math.min(e.hp, 2); play(ID.egg, { volume: 0.7, rate: 1 + R() * 0.15 }); burst(e.x, 0.4, e.z, 14, 0.7, 1.8, 0.3, 2.5, 0.5, 0.05); decal(e.x, e.z, 0.7, 'acid'); const a = Math.atan2(dz, dx), h = addEnemy('hugger', e.x + Math.cos(a) * 0.4, e.z + Math.sin(a) * 0.4, true); h.angle = a; h.modeT = 0.35; } } e.mesh.position.set(e.x, 0, e.z); e.mesh.rotation.y = Math.sin(e.walk * 28) * 0.12 * wob; e.mesh.scale.setScalar(e.T.scale * (1 + 0.04 * Math.sin(e.walk * 2.4 + e.angle) + wob * 0.06 * Math.sin(e.walk * 20) + e.flash * 0.12)); } function updEnemy(e, dt) { const dx = player.x - e.x, dz = player.z - e.z, d = Math.hypot(dx, dz) || 0.001; const alive = state === 'play'; if (e.type === 'egg') { updEgg(e, dt, d, dx, dz, alive); return; } if (player.hug === e) { e.modeT -= dt; e.flash = Math.max(0, e.flash - dt * 6); e.x = player.x + Math.cos(player.aim) * 0.12; e.z = player.z + Math.sin(player.aim) * 0.12; e.angle = player.aim + Math.PI; player.hp -= 8 * (0.6 + 0.4 * params.difficulty) * dt; dmgFlash = Math.max(dmgFlash, 0.35); e.walk += dt * 30; e.mesh.position.set(e.x, 0.75, e.z); e.mesh.rotation.y = -e.angle + Math.sin(e.walk) * 0.25; e.mesh.scale.setScalar(e.T.scale * (1.15 + 0.05 * Math.sin(e.walk * 0.7))); if (R() < dt * 3) decal(player.x + (R() - 0.5) * 0.5, player.z + (R() - 0.5) * 0.5, 0.35 + R() * 0.3, 'blood'); if (player.hp <= 0) { die(); return; } if (e.modeT <= 0) { player.hug = null; killEnemy(e); say('FACEHUGGER DESTROYED', '', 1.2); } return; } if (!e.awake) { if (alive && d < (e.T.boss ? 8 : 9) && los(e.x, e.z, player.x, player.z)) wake(e); else { e.walk += dt; animE(e, dt, 0); return; } } let tx = dx / d, tz = dz / d, sp = e.T.speed * (0.85 + 0.15 * params.difficulty); const see = d < 11 && los(e.x, e.z, player.x, player.z); if (!see && d > 1.5) { const ix = Math.floor(e.x), iz = Math.floor(e.z), i = iz * W + ix; let best = distF[i] >= 0 ? distF[i] : 1e9, bx = 0, bz = 0; for (const [ax, az] of NB) { const nx = ix + ax, nz = iz + az; if (nx < 0 || nz < 0 || nx >= W || nz >= H) continue; const v = distF[nz * W + nx]; if (v >= 0 && v < best) { best = v; bx = ax; bz = az; } } if (bx || bz) { const gx = ix + bx + 0.5 - e.x, gz = iz + bz + 0.5 - e.z, gl = Math.hypot(gx, gz) || 1; tx = gx / gl; tz = gz / gl; } } if (!alive) sp *= 0.3; if (e.type === 'hugger' && alive) { e.modeT -= dt; if (e.mode === 'leap') { tx = e.cvx; tz = e.cvz; sp *= 3.2; if (d < 0.8 && !player.hug) { player.hug = e; e.mode = 'latched'; e.modeT = 3.5; play(ID.hugger, { volume: 0.9, rate: 0.95 + R() * 0.1 }); shake = Math.max(shake, 0.4); say('FACEHUGGER!', touchScreen ? 'HOLD AIM TO PRY IT OFF' : 'FIRE TO PRY IT OFF', 2); return; } if (e.modeT <= 0) { e.mode = 'chase'; e.modeT = 0.9 + R() * 0.6; } } else if (see && d < 3.8 && e.modeT <= 0) { e.mode = 'leap'; e.modeT = 0.42; e.cvx = tx; e.cvz = tz; play(ID.hugger, { volume: 0.4, rate: 1.2 + R() * 0.2 }); } } if (e.T.ranged && see && alive) { e.shot -= dt; if (d < 4.5) sp *= 0.25; if (e.shot <= 0 && d < 10) { shoot(e.x, e.z, Math.atan2(dz, dx), 9, 1.6, 10, [0.8, 3, 0.5], 0.14, 0.3, true, false, false); e.shot = 1.4 + R() * 1.2; } } if (e.T.boss && alive) { e.modeT -= dt; if (e.type === 'brute') { if (e.mode === 'chase' && e.modeT <= 0) { e.mode = 'charge'; e.modeT = 1.3; e.cvx = tx; e.cvz = tz; play(ID.roar, { volume: 0.6, rate: 1.1 }); } else if (e.mode === 'charge') { tx = e.cvx; tz = e.cvz; sp *= 3.2; if (e.modeT <= 0) { e.mode = 'burst'; e.modeT = 0.8; for (let k = 0; k < 18; k++) shoot(e.x, e.z, k / 18 * 6.283, 8, 2, 14, [3, 0.8, 0.1], 0.2, 0.3, true, false, false); shake = 0.5; } } else if (e.mode === 'burst') { sp = 0; if (e.modeT <= 0) { e.mode = 'chase'; e.modeT = 2.5 + R() * 1.5; } } } else { if (e.mode === 'chase' && e.modeT <= 0) { e.mode = 'spiral'; e.modeT = 3; play(ID.roar, { volume: 0.7, rate: 0.8 }); } else if (e.mode === 'spiral') { sp = 0; e.spiral += dt; if (e.spiral > 0.07) { e.spiral = 0; const a0 = e.modeT * 4; for (let k = 0; k < 3; k++) shoot(e.x, e.z, a0 + k * 2.094, 7, 2.4, 12, [3, 0.5, 0.2], 0.18, 0.3, true, false, false); } if (e.modeT <= 0) { e.mode = 'spawn'; e.modeT = 1; for (let k = 0; k < 3; k++) { const a = R() * 6.28; const x = e.x + Math.cos(a) * 1.8, z = e.z + Math.sin(a) * 1.8; if (!collides(x, z, 0.4)) addEnemy(k === 0 ? 'egg' : 'crawler', x, z, k !== 0); } burst(e.x, 0.5, e.z, 40, 0.9, 2.4, 0.3, 5, 0.7, 0.08); } } else if (e.mode === 'spawn') { sp = 0; if (e.modeT <= 0) { e.mode = 'chase'; e.modeT = 3.5 + R() * 2; } } } } let sx = 0, sz = 0; for (const o of enemies) { if (o === e || o.dead) continue; const ox = e.x - o.x, oz = e.z - o.z, rr = e.r + o.r; const q2 = ox * ox + oz * oz; if (q2 < rr * rr && q2 > 1e-6) { const ql = Math.sqrt(q2); sx += ox / ql * (rr - ql); sz += oz / ql * (rr - ql); } } const want = Math.atan2(tz, tx); let da = want - e.angle; da = Math.atan2(Math.sin(da), Math.cos(da)); e.angle += da * Math.min(1, dt * 8); const melee = d < e.r + 0.45; const mv = melee ? 0 : sp * dt; move(e, tx * mv + sx * 0.5, tz * mv + sz * 0.5, e.r); if (melee && alive) { e.atk -= dt; if (e.atk <= 0) { damagePlayer(e.T.dmg); e.atk = 0.8; } } else e.atk = Math.max(e.atk, 0.25); animE(e, dt, mv > 0 ? sp : 0.5); } function animE(e, dt, sp) { e.walk += dt * sp * 4; e.flash = Math.max(0, e.flash - dt * 6); const hop = e.mode === 'leap' ? Math.sin(Math.max(0, Math.min(1, 1 - e.modeT / 0.42)) * Math.PI) * 0.9 : 0; e.mesh.position.set(e.x, hop + Math.abs(Math.sin(e.walk)) * 0.04 * e.T.scale, e.z); e.mesh.rotation.y = -e.angle; e.mesh.scale.setScalar(e.T.scale * (1 + e.flash * 0.12 + hop * 0.45)); for (const L of e.legs) L.piv.rotation.y = Math.sin(e.walk + L.k * Math.PI + (L.s > 0 ? 0 : Math.PI / 2)) * 0.45; } function updateBullets(dt) { for (let i = bullets.length - 1; i >= 0; i--) { const b = bullets[i]; b.life -= dt; b.x += b.vx * dt; b.z += b.vz * dt; let dead = b.life <= 0; if (!dead && solid(Math.floor(b.x), Math.floor(b.z))) { dead = true; if (!b.flame) burst(b.x - b.vx * dt, 0.8, b.z - b.vz * dt, 5, b.r, b.g, b.b, 3, 0.25, 0.04); } if (b.flame && !dead && R() < 0.5) burst(b.x, 0.8, b.z, 1, 3, 1, 0.2, 0.6, 0.35, 0.14 + (1 - b.life / b.max) * 0.25, 1.2); if (!dead) { if (b.enemy) { if (state === 'play' && Math.hypot(b.x - player.x, b.z - player.z) < 0.45) { damagePlayer(b.dmg); dead = true; } } else for (const e of enemies) { if (e.dead || b.hits.includes(e)) continue; if (Math.hypot(b.x - e.x, b.z - e.z) < e.r + 0.25) { e.hp -= b.dmg; e.flash = 1; wake(e); burst(b.x, 0.6, b.z, b.flame ? 1 : 4, 0.9, 2.4, 0.3, 3, 0.35, 0.05); if (e.hp <= 0) killEnemy(e); if (b.pierce) b.hits.push(e); else { dead = true; break; } } } } if (dead) { bullets[i] = bullets[bullets.length - 1]; bullets.pop(); bFree.push(b); } } enemies = enemies.filter((e) => !e.dead); } function updatePlay(dt, pointer) { // move let mx = 0, mz = 0; if (keys['a'] || keys['arrowleft']) mx -= 1; if (keys['d'] || keys['arrowright']) mx += 1; if (keys['w'] || keys['arrowup']) mz -= 1; if (keys['s'] || keys['arrowdown']) mz += 1; if (moveStick) { const sx = moveStick.x - moveStick.ox, sy = moveStick.y - moveStick.oy, l = Math.hypot(sx, sy); if (l > 6) { const k = Math.min(1, l / 55); mx = sx / l * k; mz = sy / l * k; } } const ml = Math.hypot(mx, mz); if (ml > 1) { mx /= ml; mz /= ml; } const spd = player.hug ? 2.4 : 5.2; move(player, mx * spd * dt, mz * spd * dt, 0.35); player.walk += Math.hypot(mx, mz) * dt * 10; for (const s of splats) if ((s.x - player.x) ** 2 + (s.z - player.z) ** 2 < s.r * s.r) { player.trackN = 12; player.trackCol = s.kind === 'acid' ? [0.55, 1.1, 0.25] : [0.7, 0.06, 0.04]; } if (ml > 0.2 && player.trackN > 0) { player.stepAcc = (player.stepAcc || 0) + dt * spd * ml; if (player.stepAcc > 0.55) { player.stepAcc = 0; player.side = -(player.side || 1); const a = Math.atan2(mz, mx), ox = -Math.sin(a) * 0.13 * player.side, oz = Math.cos(a) * 0.13 * player.side, f = 0.35 + 0.65 * player.trackN / 12, c = player.trackCol; decal(player.x + ox, player.z + oz, 0.3, 'print', -a, [c[0] * f, c[1] * f, c[2] * f]); player.trackN--; } } // aim + fire let firing = mouseFire || keys[' ']; if (aimStick) { const sx = aimStick.x - aimStick.ox, sy = aimStick.y - aimStick.oy, l = Math.hypot(sx, sy); if (l > 14) player.aim = Math.atan2(sy, sx); else { const t = nearestEnemy(11); if (t) player.aim = Math.atan2(t.z - player.z, t.x - player.x); } firing = true; } else if (!touchScreen && pointer.inside) { ndc.set(pointer.x, pointer.y); ray.setFromCamera(ndc, camera); if (ray.ray.intersectPlane(aimPlane, hitP)) { const ax = hitP.x - player.x, az = hitP.z - player.z; if (ax * ax + az * az > 0.04) player.aim = Math.atan2(az, ax); } } else if (ml > 0.2) { let da = Math.atan2(mz, mx) - player.aim; da = Math.atan2(Math.sin(da), Math.cos(da)); player.aim += da * Math.min(1, dt * 10); } if (firing) fire(); // flow + visited flowT -= dt; if (flowT <= 0) { computeFlow(); flowT = 0.25; } const cw = W / S, cell = Math.floor(player.x / S) + Math.floor(player.z / S) * cw; if (cell >= 0 && cell < visited.length) visited[cell] = 1; // doors for (const d of doors) { const pd2 = Math.hypot(d.x - player.x, d.z - player.z); if (d.locked && pd2 < 2.4) { if (player.keys > 0) { player.keys--; d.locked = false; d.mesh.material = doorMat; say('SECURITY DOOR UNLOCKED', '', 2); computeFlow(); } else if (msgT <= 0) say('SECURITY DOOR', touchScreen ? 'FIND THE KEY CARD' : 'FIND THE KEY CARD', 1.8); } let want = 0; if (!d.locked) { if (pd2 < 2.6) want = 1; else for (const e of enemies) if (e.awake && Math.abs(e.x - d.x) + Math.abs(e.z - d.z) < 1.8) { want = 1; break; } } if (want && d.open < 0.02 && !d.moving) { d.moving = true; if (pd2 < 14) play(ID.door, { volume: Math.max(0.1, 0.6 - pd2 * 0.04), rate: 0.95 + R() * 0.1 }); } if (!want && d.open > 0.98 && collides(d.x, d.z, 0)) want = 1; d.open += (want - d.open) * Math.min(1, dt * 4); if (d.open < 0.02) d.moving = false; d.mesh.position.y = 0.67 - d.open * 1.38; } // pickups for (let i = pickups.length - 1; i >= 0; i--) { const p = pickups[i]; if (Math.hypot(p.x - player.x, p.z - player.z) > 0.8) continue; if (p.kind === 'health') { if (player.hp >= 100) continue; player.hp = Math.min(100, player.hp + 30); say('MEDIKIT +30', '', 1.2); } else if (p.kind === 'ammo') { let any = false; for (let k = 1; k < 4; k++) if (player.owned[k]) { player.ammo[k] += Math.ceil(WEAPONS[k].give / 2); any = true; } if (!any) player.score += 250; say(any ? 'AMMO CLIP' : 'AMMO +250 PTS', '', 1.2); } else if (p.kind === 'key') { player.keys++; say('KEY CARD ACQUIRED', 'OPEN THE SECURITY DOOR', 2); } else if (p.kind === 'credit') { player.credits += 100; player.score += 100; } else if (p.kind === 'weapon') { player.owned[p.extra] = true; player.ammo[p.extra] += WEAPONS[p.extra].give * 2; player.weapon = p.extra; say(WEAPONS[p.extra].name, touchScreen ? 'TAP ⇄ TO SWAP WEAPONS' : '1-4 / Q / E / RIGHT CLICK TO SWAP', 3); } play(ID.pickup, { volume: 0.55, rate: p.kind === 'credit' ? 1.25 : 0.95 + R() * 0.1 }); burst(p.x, 0.5, p.z, 12, 1, 2.4, 1, 2, 0.4, 0.05); levelGroup.remove(p.mesh); pickups.splice(i, 1); } // spawns spawnT -= dt; if (spawnT <= 0) { spawnT = (8 - levelIndex) / params.difficulty * (0.7 + R() * 0.6); if (enemies.length < 38) { const L = LEVELS[levelIndex]; const cands = rooms.filter((r) => { const d = Math.hypot(r.cx - player.x, r.cz - player.z); return d > 11 && d < 30 && r !== exitRoom; }); if (cands.length) { const rm = cands[(R() * cands.length) | 0]; const n = 1 + ((R() * (1.5 + levelIndex * 0.5)) | 0); for (let k = 0; k < n; k++) { const x = rm.cx + (R() - 0.5) * 2, z = rm.cz + (R() - 0.5) * 2; if (!collides(x, z, 0.45)) addEnemy(L.types[(R() * L.types.length) | 0], x, z, true); } } } } // timer if (timer > 0) { timer -= dt; if (timer <= 0) { timer = 0; say('MELTDOWN', '', 3); burst(player.x, 0.5, player.z, 120, 3, 1.2, 0.2, 9, 1.2, 0.12); die(); return; } } // exit const pi = Math.floor(player.z) * W + Math.floor(player.x); if (ttype[pi] === 2) { if (exitActive) { state = 'levelDone'; stateT = 0; player.score += 1000 + Math.floor(timer) * 20; play(ID.door, { volume: 0.8, rate: 0.7 }); } else if (msgT <= 0) say('LIFT LOCKED', 'DESTROY THE ' + (boss ? boss.T.boss : 'GUARDIAN'), 1.5); } } function updateParticles(dt) { for (let i = 0; i < MAXP; i++) { if (P.life[i] > 0) { P.life[i] -= dt; P.vy[i] -= 6 * dt; P.x[i] += P.vx[i] * dt; P.y[i] += P.vy[i] * dt; P.z[i] += P.vz[i] * dt; if (P.y[i] < 0.03) { P.y[i] = 0.03; P.vy[i] *= -0.3; P.vx[i] *= 0.6; P.vz[i] *= 0.6; } const f = Math.max(0, P.life[i] / P.max[i]); dummy.position.set(P.x[i], P.y[i], P.z[i]); dummy.rotation.set(0, 0, 0); dummy.scale.setScalar(P.s[i] * (0.3 + f * 0.7)); dummy.updateMatrix(); pMesh.setMatrixAt(i, dummy.matrix); pMesh.setColorAt(i, tmpC.setRGB(P.r[i] * f, P.g[i] * f, P.b[i] * f)); } else if (P.max[i] !== 0) { P.max[i] = 0; dummy.scale.setScalar(0); dummy.updateMatrix(); pMesh.setMatrixAt(i, dummy.matrix); } } pMesh.count = MAXP; pMesh.instanceMatrix.needsUpdate = true; pMesh.instanceColor.needsUpdate = true; for (let i = 0; i < bullets.length; i++) { const b = bullets[i], f = b.life / b.max; dummy.position.set(b.x, b.enemy ? 0.6 : 0.85, b.z); dummy.rotation.set(0, -Math.atan2(b.vz, b.vx), 0); if (b.flame) { const s = b.size * (1 + (1 - f) * 3); dummy.scale.set(s, s, s); } else dummy.scale.set(b.len, b.size, b.size); dummy.updateMatrix(); bMesh.setMatrixAt(i, dummy.matrix); const k = b.flame ? f : 1; bMesh.setColorAt(i, tmpC.setRGB(b.r * k, b.g * k, b.b * k)); } bMesh.count = bullets.length; bMesh.instanceMatrix.needsUpdate = true; if (bMesh.instanceColor) bMesh.instanceColor.needsUpdate = true; } function drawHUD(time) { const w = ctx.size.width, h = ctx.size.height, dpr = Math.min(2, window.devicePixelRatio || 1); if (hud.width !== Math.round(w * dpr) || hud.height !== Math.round(h * dpr)) { hud.width = Math.round(w * dpr); hud.height = Math.round(h * dpr); } const g = hg; g.setTransform(dpr, 0, 0, dpr, 0, 0); g.clearRect(0, 0, w, h); const C = params.hud, u = Math.max(0.6, Math.min(1.2, Math.min(w, h) / 700)); // vignette + damage const vg = g.createRadialGradient(w / 2, h / 2, Math.min(w, h) * 0.35, w / 2, h / 2, Math.max(w, h) * 0.75); vg.addColorStop(0, 'rgba(0,0,0,0)'); vg.addColorStop(1, `rgba(${dmgFlash > 0 ? 120 : 0},0,0,${0.75 + dmgFlash * 0.25})`); g.fillStyle = vg; g.fillRect(0, 0, w, h); if (state === 'title') { g.fillStyle = 'rgba(0,0,0,0.55)'; g.fillRect(0, 0, w, h); g.textAlign = 'center'; g.fillStyle = C; g.shadowColor = C; g.shadowBlur = 18; g.font = `900 ${Math.min(w / 7, 96)}px monospace`; g.fillText('XENO BREACH', w / 2, h * 0.38); g.shadowBlur = 0; g.font = `bold ${16 * u}px monospace`; g.fillStyle = '#cfd6cf'; g.fillText('FOUR DECKS. ONE MARINE. THE HIVE IS AWAKE.', w / 2, h * 0.38 + 40 * u); const lines = touchScreen ? ['LEFT THUMB: DRAG TO MOVE', 'RIGHT THUMB: DRAG TO AIM & FIRE · TAP TO AUTO-AIM', '⇄ BUTTON: SWAP WEAPON'] : ['WASD / ARROWS: MOVE · MOUSE: AIM', 'CLICK / SPACE: FIRE · 1-4 · Q/E · RIGHT CLICK: WEAPONS', 'FIND KEY CARDS · REACH THE DECK LIFT · KILL THE BOSSES']; g.font = `${13 * u}px monospace`; g.fillStyle = '#9aa29a'; lines.forEach((l, i) => g.fillText(l, w / 2, h * 0.55 + i * 22 * u)); if (Math.sin(time * 4) > -0.3) { g.font = `bold ${22 * u}px monospace`; g.fillStyle = C; g.fillText(touchScreen ? 'TAP TO START' : 'CLICK TO START', w / 2, h * 0.75); } g.textAlign = 'left'; return; } // top bar const bh = 40 * u; g.fillStyle = 'rgba(8,14,10,0.88)'; g.beginPath(); g.moveTo(0, 0); g.lineTo(w, 0); g.lineTo(w, bh); g.lineTo(0, bh); g.fill(); g.strokeStyle = C; g.lineWidth = 3 * u; g.beginPath(); g.moveTo(0, bh); g.lineTo(w - 90 * u, bh); g.lineTo(w - 60 * u, bh + 18 * u); g.lineTo(w, bh + 18 * u); g.stroke(); g.font = `bold ${22 * u}px monospace`; g.textBaseline = 'middle'; const y = bh / 2; const items = [['✚', Math.max(0, Math.ceil(player.hp)), player.hp < 30 ? '#ff4040' : C], ['☺', player.lives, C], ['▮', player.weapon === 0 ? '∞' : player.ammo[player.weapon], C], ['⚿', player.keys, '#5ad8ff'], ['◉', player.credits, '#ffd23a']]; let x = 10 * u; const narrow = w < 640; for (const [ic, v, col] of items) { g.fillStyle = col; g.fillText(ic, x, y); g.fillStyle = C; g.fillText(String(v), x + 22 * u, y); x += (narrow ? 64 : 92) * u + (String(v).length > 3 ? 18 * u : 0); } g.textAlign = 'right'; g.fillStyle = C; g.fillText(player.score.toLocaleString(), w - 12 * u, y); if (!narrow) { g.font = `bold ${13 * u}px monospace`; g.fillStyle = 'rgba(160,200,170,0.6)'; g.fillText('SCORE', w - 12 * u - g.measureText('0').width * 0 - 130 * u, y); } g.textAlign = 'left'; g.font = `bold ${12 * u}px monospace`; g.fillStyle = C; g.fillText(WEAPONS[player.weapon].name + ' · ' + LEVELS[levelIndex].name, 10 * u, bh + 14 * u); g.textBaseline = 'alphabetic'; // minimap const k = Math.min(3, (narrow ? 110 : 160) * u / W), ox = w - W * k - 12 * u, oy = bh + 26 * u, cw = W / S; g.fillStyle = 'rgba(0,0,0,0.5)'; g.fillRect(ox - 4, oy - 4, W * k + 8, H * k + 8); g.imageSmoothingEnabled = false; for (let c = 0; c < visited.length; c++) if (visited[c]) { const cx = c % cw, cy = (c / cw) | 0; g.globalAlpha = 0.85; g.drawImage(mmCanvas, cx * S * 2, cy * S * 2, S * 2, S * 2, ox + cx * S * k, oy + cy * S * k, S * k, S * k); } g.globalAlpha = 1; g.fillStyle = '#fff'; g.fillRect(ox + player.x * k - 2, oy + player.z * k - 2, 4, 4); if (exitActive && exitRoom) { g.fillStyle = Math.sin(time * 6) > 0 ? C : '#0a0'; g.fillRect(ox + (exitRoom.x1 - 1) * k - 2, oy + (exitRoom.z1 - 1) * k - 2, 5, 5); } if (boss && boss.awake) { g.fillStyle = '#ff3010'; g.fillRect(ox + boss.x * k - 3, oy + boss.z * k - 3, 6, 6); } g.textAlign = 'center'; // timer if (timer > 0) { g.font = `900 ${30 * u}px monospace`; g.fillStyle = timer < 30 && Math.sin(time * 10) > 0 ? '#fff' : '#ff3a20'; const m = Math.floor(timer / 60), s = Math.floor(timer % 60); g.fillText(`MELTDOWN ${m}:${String(s).padStart(2, '0')}`, w / 2, bh + 70 * u); } // boss bar if (boss && boss.awake) { const bw = Math.min(w * 0.6, 420), bx = (w - bw) / 2, by = h - (touchScreen ? 130 : 46) * u; g.fillStyle = 'rgba(0,0,0,0.6)'; g.fillRect(bx - 3, by - 3, bw + 6, 16 * u + 6); g.fillStyle = '#ff3a10'; g.fillRect(bx, by, bw * Math.max(0, boss.hp / boss.maxhp), 16 * u); g.font = `bold ${13 * u}px monospace`; g.fillStyle = '#ffd0c0'; g.fillText(boss.T.boss, w / 2, by - 8); } // messages if (msgT > 0) { g.globalAlpha = Math.min(1, msgT * 2); g.font = `900 ${Math.min(34 * u, w / 16)}px monospace`; g.fillStyle = C; g.shadowColor = C; g.shadowBlur = 12; g.fillText(msg, w / 2, h * 0.3); g.shadowBlur = 0; g.font = `bold ${15 * u}px monospace`; g.fillStyle = '#d8e0d8'; g.fillText(msg2, w / 2, h * 0.3 + 32 * u); g.globalAlpha = 1; } if (player.hug && state === 'play') { const pp = 0.5 + 0.5 * Math.sin(time * 9); g.fillStyle = `rgba(40,0,0,${0.35 + pp * 0.15})`; g.fillRect(0, 0, w, h); g.font = `900 ${20 * u}px monospace`; g.fillStyle = '#ffb0a0'; g.fillText((touchScreen ? 'HOLD AIM' : 'FIRE') + ' TO PRY IT OFF!', w / 2, h * 0.68); } const big = (a, b) => { g.fillStyle = 'rgba(0,0,0,0.5)'; g.fillRect(0, h * 0.4, w, h * 0.22); g.font = `900 ${Math.min(52 * u, w / 11)}px monospace`; g.fillStyle = C; g.fillText(a, w / 2, h * 0.5); g.font = `bold ${16 * u}px monospace`; g.fillStyle = '#d8e0d8'; g.fillText(b, w / 2, h * 0.5 + 36 * u); }; if (state === 'levelDone') big('DECK CLEAR', `KILLS ${levelKills} · SCORE ${player.score.toLocaleString()}`); if (state === 'dead') big('MARINE DOWN', player.lives > 1 ? `${player.lives - 1} LIVES REMAINING` : 'NO LIVES REMAINING'); if (state === 'gameover') big('GAME OVER', `SCORE ${player.score.toLocaleString()} · ${touchScreen ? 'TAP' : 'CLICK'} TO RETRY`); if (state === 'victory') big('INFESTATION PURGED', `FINAL SCORE ${player.score.toLocaleString()} · ${touchScreen ? 'TAP' : 'CLICK'} TO PLAY AGAIN`); // touch controls if (touchScreen && state === 'play') { wbX = w / 2; wbY = h - 60 * u; g.lineWidth = 2; g.strokeStyle = C; g.fillStyle = 'rgba(57,255,106,0.12)'; g.beginPath(); g.arc(wbX, wbY, 32, 0, 6.283); g.fill(); g.stroke(); g.font = 'bold 22px monospace'; g.fillStyle = C; g.textBaseline = 'middle'; g.fillText('⇄', wbX, wbY); g.textBaseline = 'alphabetic'; for (const s of [moveStick, aimStick]) { if (!s) continue; g.strokeStyle = 'rgba(255,255,255,0.35)'; g.beginPath(); g.arc(s.ox, s.oy, 55, 0, 6.283); g.stroke(); const dx = s.x - s.ox, dy = s.y - s.oy, l = Math.hypot(dx, dy), m = l > 55 ? 55 / l : 1; g.fillStyle = s === aimStick ? 'rgba(255,140,60,0.45)' : 'rgba(255,255,255,0.3)'; g.beginPath(); g.arc(s.ox + dx * m, s.oy + dy * m, 24, 0, 6.283); g.fill(); } if (!moveStick && !aimStick && stateT < 6) { g.font = `bold ${13 * u}px monospace`; g.fillStyle = 'rgba(220,230,220,0.6)'; g.fillText('DRAG TO MOVE', w * 0.25, h - 40 * u); g.fillText('DRAG TO AIM · FIRE', w * 0.75, h - 40 * u); } } else { wbX = -999; wbY = -999; } g.textAlign = 'left'; } buildLevel(); computeFlow(); return { update({ time, delta, pointer }) { const dt = Math.min(0.05, delta || 0.016); stateT += dt; msgT -= dt; shake = Math.max(0, shake - dt * 2); dmgFlash = Math.max(0, dmgFlash - dt * 2.5); player.fireCd -= dt; player.inv -= dt; sndT -= dt; roarT -= dt; muzzle -= dt; if (state === 'play') updatePlay(dt, pointer); if (state === 'play' || state === 'dead' || state === 'levelDone' || state === 'title') for (const e of [...enemies]) if (!e.dead) updEnemy(e, state === 'title' ? dt * 0.5 : dt); updateBullets(dt); if (state === 'dead' && stateT > 2.8) { player.lives--; if (player.lives > 0) startLevel(); else state = 'gameover'; } if (state === 'levelDone' && stateT > 3.2) { levelIndex++; if (levelIndex >= LEVELS.length) { state = 'victory'; levelIndex = LEVELS.length - 1; } else startLevel(); } // pickups bob for (const p of pickups) { p.mesh.position.y = 0.35 + Math.sin(time * 3 + p.ph) * 0.08; p.mesh.rotation.y = Math.sin(time * 1.3 + p.ph) * 0.3; } if (exitPad) { exitPad.material.color.set(exitActive ? params.hud : '#ff2010'); exitPad.material.opacity = 0.3 + 0.25 * Math.sin(time * 4); } updateParticles(dt); // player model pGroup.position.set(player.x, Math.abs(Math.sin(player.walk)) * 0.05, player.z); pGroup.rotation.y = -player.aim; pGroup.visible = state !== 'dead' && state !== 'gameover' && (player.inv <= 0 || Math.sin(time * 40) > -0.3 || state !== 'play'); flashMesh.visible = muzzle > 0; flashMesh.scale.setScalar(0.8 + R() * 0.8); muzzleL.intensity = muzzle > 0 ? 25 : 0; muzzleL.position.copy(flashMesh.position); // camera const aspect = ctx.size.width / Math.max(1, ctx.size.height); const hgt = (13 / params.zoom) * (aspect < 1 ? 1.25 / Math.pow(aspect, 0.45) : 1); let tx = player.x, tz = player.z; if (state === 'title') { tx += Math.cos(time * 0.2) * 3; tz += Math.sin(time * 0.2) * 2; } else { tx += Math.cos(player.aim) * 1.6; tz += Math.sin(player.aim) * 1.2; } camLook.lerp(camT.set(tx, 0, tz), camLook.lengthSq() === 0 ? 1 : Math.min(1, dt * 5)); const sk = shake * 0.35; camera.position.set(camLook.x + (R() - 0.5) * sk, hgt, camLook.z + hgt * 0.12 + (R() - 0.5) * sk); camera.lookAt(camLook.x, 0, camLook.z); // lights hemi.intensity = params.ambient * 0.1; dir.intensity = params.ambient * 0.06; dir.position.set(player.x - 4, 10, player.z + 3); dir.target.position.set(player.x, 0, player.z); spot.position.set(player.x + Math.cos(player.aim) * 0.4, 1.3, player.z + Math.sin(player.aim) * 0.4); spot.target.position.set(player.x + Math.cos(player.aim) * 7, 0, player.z + Math.sin(player.aim) * 7); spot.intensity = state === 'dead' || state === 'gameover' ? 0 : 140 * (0.97 + 0.03 * Math.sin(time * 23)); fill.position.set(player.x, 2.5, player.z + 0.5); lampT -= dt; if (lampT <= 0) { lampT = 0.3; const sorted = lamps.slice().sort((a, b) => ((a.x - player.x) ** 2 + (a.z - player.z) ** 2) - ((b.x - player.x) ** 2 + (b.z - player.z) ** 2)); lampPool.forEach((l, i) => { l.userData.lamp = sorted[i] || null; }); } for (const l of lampPool) { const lp2 = l.userData.lamp; if (!lp2) { l.intensity = 0; continue; } l.position.set(lp2.x, 1.0, lp2.z); const fl = Math.sin(time * 0.7 + lp2.ph) > 0.93 ? (Math.sin(time * 37 + lp2.ph) > 0 ? 0.25 : 1) : 1; l.intensity = 6 * params.ambient * fl * (0.92 + 0.08 * Math.sin(time * 13 + lp2.ph)); } if (boss && boss.awake) { bossL.position.set(boss.x, 1.5, boss.z); bossL.intensity = 30 + 15 * Math.sin(time * 5); } else bossL.intensity = 0; bloom.strength = params.glow; drawHUD(time); }, render() { composer.render(); }, resize({ width, height }) { composer.setSize(width, height); bloom.setSize(width, height); }, dispose() { window.removeEventListener('keydown', kd); window.removeEventListener('keyup', ku); canvas.removeEventListener('pointerdown', pd); canvas.removeEventListener('pointermove', pm); canvas.removeEventListener('pointerup', pu); canvas.removeEventListener('pointercancel', pu); canvas.removeEventListener('contextmenu', cm); if (hud.parentElement) hud.parentElement.removeChild(hud); for (const d of levelDispose) d.dispose(); pmrem.dispose(); }, }; }