// AFTERIMAGE — Chapter One const W = 480, H = 270; const SFX = { rain: 'sfx_znBQ0qaesEdP', step: 'sfx_H6QPFMZcFj7e', shot: 'sfx_WOkoCGl3oY5v', land: 'sfx_1nSUFkW7VLUp', power: 'sfx_J5Gb9easBXgq', blip: 'sfx_CdRsXotnJls3' }; const params = { rain: 1, steam: 1, grain: 0.5, scanlines: true, volume: 0.7, restart: () => resetGame() }; const touchScreen = matchMedia('(pointer: coarse)').matches; const MARA = { body: '#5f838a', back: '#2c4046', legs: '#3c4258', legsB: '#252a3a', skin: '#c49c86', hair: '#2a1d24' }; const GUARDC = { body: '#41444f', back: '#22242c', legs: '#2d2f38', legsB: '#1b1c22', skin: '#555866', hair: '#30323c' }; let g, ov, bgs = [], fgs = [], R = 0, P, game = 'title', msgs = [], cur = null, flags, guard; let bullets = [], sparks = [], drops = [], steam = [], fade = 0, fadeTo = null, endT = 0, tick = 0, shake = 0, roomT = 0; let prevI = {}, rainOn = false, scl = 1, ox = 0, oy = 0; function snd(id, o) { try { if (typeof sfx !== 'undefined') sfx.play(id, o || {}); } catch (e) {} } const clamp = (v, a, b) => Math.max(a, Math.min(b, v)); const lerp2 = (a, b, k) => a + (b - a) * k; // ---------- ROOMS ---------- const ROOMS = [ { name: 'DISPOSAL PLANT 7', out: 0.25, solids: [[0, 210, 480, 60], [250, 150, 230, 8], [0, 0, 6, 210]], belt: { x1: 430, y: 210, v: 0.32 }, fire: [432, 158, 48, 52], inter: [{ x: 330, y: 150, k: 'note', t: [['MANIFEST', 'Disposal batch 41. Unit 41: VENN, MARA. Archivist. Status: DECEASED. Remains: organic, reclaimable.']] }], exits: { right: { to: 1, x: 10, y: 200 } }, steam: [[120, 200], [380, 140], [60, 120]] }, { name: 'RAIN CHANNEL', out: 1, solids: [[0, 200, 140, 70], [190, 200, 60, 70], [300, 150, 180, 120]], pit: true, inter: [{ x: 70, y: 200, k: 'note', t: [['GRAFFITI', 'THE SKY IS ON A TIMER.'], ['MARA', 'I catalogued this wall once. The words were different.']] }, { x: 220, y: 200, k: 'note', t: [['KIOSK', 'Weather schedule: rain 18:00 to 06:00. Sunlight: pending review.']] }, { x: 412, y: 150, k: 'door' }], exits: { left: { to: 0, x: 470, y: 150 }, right: { to: 2, x: 10, y: 200 } }, steam: [[160, 250], [270, 250]] }, { name: 'POWER RELAY', out: 0, solids: [[0, 200, 480, 70], [30, 160, 100, 40], [474, 0, 6, 200]], inter: [{ x: 80, y: 160, k: 'locker' }, { x: 220, y: 200, k: 'note', t: [['NOTE', 'Breakers: TWO, THREE, ONE. If it hums, start over. -T.'], ['MARA', 'T. Someone knew I would come this way.']] }, { x: 318, y: 200, k: 'breaker', i: 0 }, { x: 350, y: 200, k: 'breaker', i: 1 }, { x: 382, y: 200, k: 'breaker', i: 2 }], exits: { left: { to: 1, x: 470, y: 150 } }, steam: [[440, 190]] }, { name: 'CHECKPOINT 3', out: 0.15, solids: [[0, 210, 480, 60], [140, 192, 26, 18]], inter: [{ x: 70, y: 210, k: 'note', t: [['PATROL LOG', 'Unit 41 reported WALKING. Instruction: it must not reach Halvard. Do not speak to it.']] }], exits: { left: { to: 1, x: 412, y: 150 }, right: { to: 4, x: 10, y: 220 } }, steam: [[300, 205]] }, { name: 'HALVARD STATION', out: 0.2, solids: [[0, 220, 480, 50]], inter: [{ x: 180, y: 220, k: 'note', t: [['SCRATCHED', 'I remember the ocean. There is no ocean.'], ['MARA', '...I remember it too.']] }, { x: 400, y: 220, k: 'end' }], exits: { left: { to: 3, x: 470, y: 210 } }, steam: [[60, 215], [300, 215]] }, ]; // ---------- SETUP ---------- function setup() { createCanvas(windowWidth, windowHeight); pixelDensity(1); noSmooth(); g = createGraphics(W, H); g.pixelDensity(1); g.noSmooth(); g.textFont('monospace'); for (let i = 0; i < 5; i++) { bgs.push(paintBG(i)); fgs.push(paintFG(i)); } ov = createGraphics(W, H); ov.pixelDensity(1); const ctx = ov.drawingContext, gr = ctx.createRadialGradient(W / 2, H / 2, 80, W / 2, H / 2, 300); gr.addColorStop(0, 'rgba(0,0,0,0)'); gr.addColorStop(1, 'rgba(0,0,6,0.7)'); ctx.fillStyle = gr; ctx.fillRect(0, 0, W, H); for (let i = 0; i < 260; i++) drops.push({ x: random(W), y: random(H), v: random(4, 7), l: random(4, 9), z: random() }); gui.add(params, 'rain', 0, 2).name('Rain'); gui.add(params, 'steam', 0, 2).name('Steam'); gui.add(params, 'grain', 0, 1).name('Film Grain'); gui.add(params, 'scanlines').name('Scanlines'); gui.add(params, 'volume', 0, 1).name('Sound Volume').onChange(v => { if (typeof sfx !== 'undefined') sfx.volume = v; }); gui.add(params, 'restart').name('Restart Chapter'); if (typeof sfx !== 'undefined') sfx.volume = params.volume; resetGame(); } function windowResized() { resizeCanvas(windowWidth, windowHeight); } function resetGame() { flags = { power: false, gun: false, br: [false, false, false], seq: [], gunHint: false }; R = 0; roomT = 0; bullets = []; sparks = []; msgs = []; cur = null; endT = 0; P = newPlayer(60, 210); P.st = 'wake'; P.face = 1; guard = newGuard(); if (game !== 'title') { game = 'play'; intro(); } } function newGuard() { return { x: 330, y: 210, face: -1, st: 'patrol', t: 0, hp: 2, cd: 70, ph: 0, spoke: false, shots: 0, low: false }; } function newPlayer(x, y) { return { x, y, vx: 0, vy: 0, face: 1, st: 'idle', t: 0, ph: 0, hp: 3, crouch: false, airY: y, ledge: null, cd: 0, runHold: 0, jb: 0, fireT: 0, lt: 6, spawn: { x, y }, stepK: 0 }; } function intro() { msg('WRIST', '...recording 0417. Mara. It is me. You.'); msg('WRIST', 'If you remember the ocean, they\'ve already found you.'); msg('WRIST', 'Get off the belt. Climb. Find me at Halvard Station.'); msg('', touchScreen ? 'Arrows move (hold to run) · JUMP · ▲ grab / climb · ▼ crouch / drop · ACT' : 'Arrows/WASD move · SHIFT run · SPACE jump · UP grab/climb · DOWN crouch/drop · E interact'); } function msg(who, t) { msgs.push({ who, t }); } // ---------- BACKGROUND PAINTING ---------- function rr(b, c, x, y, w, h) { b.fill(c); b.rect(x, y, w, h); } function grad(b, c1, c2, y0, y1) { for (let y = y0; y < y1; y += 2) { b.fill(lerpColor(color(c1), color(c2), (y - y0) / (y1 - y0))); b.rect(0, y, W, 2); } } function windows(b, x, y, w, h, dens, c) { for (let yy = y + 3; yy < y + h - 2; yy += 4) for (let xx = x + 2; xx < x + w - 2; xx += 3) if (random() < dens) rr(b, c, xx, yy, 1, 2); } function solidPaint(b, s, mossy) { rr(b, '#1d1f28', s[0], s[1], s[2], s[3]); for (let y = s[1] + 6; y < s[1] + s[3]; y += 9) rr(b, '#191a22', s[0], y, s[2], 1); for (let i = 0; i < s[2] * s[3] / 40; i++) rr(b, random() < 0.5 ? '#23252f' : '#16171e', s[0] + random(s[2]), s[1] + random(s[3]), 1, 1); rr(b, '#5d8f8a', s[0], s[1], s[2], 1); rr(b, '#33505a', s[0], s[1] + 1, s[2], 1); if (mossy) for (let x = s[0]; x < s[0] + s[2]; x += 2) if (random() < 0.35) { rr(b, '#3c5a3e', x, s[1] - 1, 2, 1); if (random() < 0.12) { const l = random(4, 22); rr(b, '#2c4434', x, s[1] + 2, 1, l); rr(b, '#3c5a3e', x, s[1] + 2 + l, 1, 1); } } } function paintBG(i) { const b = createGraphics(W, H); b.pixelDensity(1); b.noStroke(); randomSeed(11 + i * 7); const S = ROOMS[i].solids; if (i === 0) { grad(b, '#0b0d17', '#1c1727', 0, H); for (let x = 0; x < W; x += 40) { rr(b, '#15141f', x + 1, 20, 38, 190); for (let y = 30; y < 200; y += 30) { rr(b, '#211e2c', x + 3, y, 1, 1); rr(b, '#211e2c', x + 36, y, 1, 1); } } for (const gx of [96, 204, 372]) { rr(b, '#0e0e16', gx, 0, 10, 210); b.stroke('#0e0e16'); b.strokeWeight(2); for (let y = 10; y < 200; y += 24) b.line(gx, y, gx + 10, y + 24); b.noStroke(); } b.fill('#100f18'); b.beginShape(); b.vertex(120, 0); b.vertex(230, 0); b.vertex(200, 60); b.vertex(150, 60); b.endShape(CLOSE); rr(b, '#100f18', 165, 60, 20, 20); b.fill('#0c0c13'); b.beginShape(); b.vertex(300, 0); b.vertex(440, 0); b.vertex(400, 50); b.vertex(340, 50); b.endShape(CLOSE); rr(b, '#191823', 424, 100, 56, 58); rr(b, '#0b0a10', 428, 104, 52, 54); for (let x = 430; x < 480; x += 6) rr(b, '#2a2633', x, 100, 2, 4); b.fill('#8a3a2c'); b.textSize(6); b.text('INCINERATION', 428, 98); // catwalk rail rr(b, '#262833', 250, 138, 230, 1); for (let x = 254; x < 480; x += 16) rr(b, '#262833', x, 138, 1, 12); rr(b, '#1d1f28', 0, 210, 480, 60); rr(b, '#14151b', 0, 222, 480, 48); solidPaint(b, S[1], false); rr(b, '#0d0e14', 0, 0, 6, 210); rr(b, '#24212d', 316, 128, 26, 22); rr(b, '#0d1a1c', 319, 131, 20, 12); } else if (i === 1) { grad(b, '#080c1c', '#1a1a34', 0, 120); grad(b, '#1a1a34', '#3a2a48', 120, 190); grad(b, '#2a2240', '#0c0d18', 190, H); b.stroke('#141c36'); b.strokeWeight(1); for (let x = -200; x < 700; x += 36) b.line(x, 0, 240 + (x - 240) * 0.35, 70); for (let y = 8; y < 70; y += 12) b.line(0, y, W, y); b.noStroke(); for (let k = 0; k < 6; k++) rr(b, '#1a2344', floor(random(12)) * 40 + 4, floor(random(5)) * 12 + 9, 30, 10); rr(b, '#0c1020', 0, 68, W, 2); for (let x = 0; x < W; x += random(8, 18)) { const h = random(30, 80), w = random(8, 18); rr(b, '#221d38', x, 185 - h, w, h); windows(b, x, 185 - h, w, h, 0.06, '#6a4a48'); } // ministry tower rr(b, '#15132a', 205, 60, 40, 130); rr(b, '#15132a', 215, 30, 20, 30); rr(b, '#15132a', 224, 8, 2, 22); windows(b, 205, 60, 40, 130, 0.14, '#a07040'); for (let x = -10; x < W; x += random(16, 34)) { const h = random(40, 120), w = random(16, 34); rr(b, '#121429', x, 200 - h, w, h); windows(b, x, 200 - h, w, h, 0.1, '#c88a44'); rr(b, '#1c2040', x, 200 - h, w, 1); } rr(b, '#0b0d16', 0, 200, W, 70); rr(b, '#0a1418', 140, 248, 160, 22); for (const s of S) solidPaint(b, s, true); rr(b, '#0d0f16', 140, 206, 50, 64); rr(b, '#0d0f16', 250, 206, 50, 64); rr(b, '#0a1418', 140, 252, 50, 18); rr(b, '#0a1418', 250, 252, 50, 18); rr(b, '#262833', 404, 118, 18, 32); rr(b, '#11121a', 406, 120, 14, 30); for (let y = 122; y < 150; y += 3) rr(b, '#1c1e28', 406, y, 14, 1); b.fill('#7a6a5a'); b.textSize(7); b.text('THE SKY IS', 44, 178); b.text('ON A TIMER', 44, 186); rr(b, '#23252f', 212, 176, 14, 24); rr(b, '#0e2224', 214, 178, 10, 8); } else if (i === 2) { grad(b, '#0d0b16', '#1b1424', 0, H); for (let x = 140; x < 470; x += 70) { rr(b, '#14121d', x, 70, 54, 130); rr(b, '#1c1927', x + 4, 74, 46, 4); for (let y = 90; y < 190; y += 8) rr(b, '#100e17', x + 6, y, 42, 3); } b.noFill(); b.stroke('#0a0910'); b.strokeWeight(2); for (let k = 0; k < 6; k++) b.bezier(random(W), 0, random(W), 90, random(W), 60, random(W), 0); b.noStroke(); for (const s of S) solidPaint(b, s, false); rr(b, '#262833', 72, 134, 18, 26); rr(b, '#16171e', 74, 136, 14, 22); rr(b, '#2a2533', 306, 166, 90, 30); rr(b, '#14121b', 309, 169, 84, 24); b.fill('#8a7a5a'); b.textSize(6); b.text('RELAY 7-C', 330, 162); rr(b, '#3a3428', 214, 180, 12, 9); } else if (i === 3) { grad(b, '#0c0d18', '#16182a', 0, H); for (let y = 40; y < 210; y += 10) for (let x = (y / 10 % 2) * 10; x < W; x += 20) rr(b, '#1a1c2c', x, y, 19, 9); rr(b, '#0b0c14', 0, 0, W, 34); rr(b, '#20222e', 200, 120, 90, 60); rr(b, '#3a2e22', 204, 124, 82, 40); for (let y = 126; y < 164; y += 4) rr(b, '#2a2018', 204, y, 82, 2); rr(b, '#26283a', 440, 60, 40, 150); rr(b, '#0c0d14', 446, 66, 34, 144); for (let x = 0; x < W; x += 12) rr(b, x % 24 ? '#4a3a1a' : '#151515', x, 206, 12, 4); b.fill('#7a2a2e'); b.textSize(7); b.text('CHECKPOINT 3 · IDENT REQUIRED', 160, 56); for (const s of S) solidPaint(b, s, false); rr(b, '#3a3428', 143, 195, 20, 2); rr(b, '#24252f', 52, 182, 30, 28); rr(b, '#0e1c1e', 55, 185, 24, 12); } else { grad(b, '#07080f', '#141626', 0, H); b.noFill(); b.stroke('#1a1c2c'); b.strokeWeight(3); for (let x = -60; x < W + 60; x += 120) b.arc(x + 60, 140, 120, 200, PI, TWO_PI); b.noStroke(); for (let y = 60; y < 150; y += 6) for (let x = 0; x < W; x += 8) rr(b, random() < 0.08 ? '#0e0f18' : '#1b1e2c', x, y, 7, 5); rr(b, '#211c18', 150, 66, 120, 18); b.fill('#5a4426'); b.textSize(10); b.text('HALVARD', 180, 79); rr(b, '#11131c', 10, 148, 330, 64); for (let x = 20; x < 330; x += 34) { rr(b, '#06070b', x, 158, 22, 18); if (random() < 0.5) rr(b, '#151a22', x + 4, 160, 8, 6); } rr(b, '#0a0b10', 0, 212, W, 8); solidPaint(b, S[0], true); for (let x = 0; x < W; x += 6) rr(b, '#6a5420', x, 221, 4, 1); rr(b, '#26283a', 388, 194, 24, 26); rr(b, '#0c1a1c', 391, 197, 18, 12); for (let k = 0; k < 30; k++) { const x = random(W), l = random(10, 70); for (let y = 0; y < l; y++) rr(b, '#203628', x + Math.sin(y * 0.2) * 2, y, 1, 1); } } return b; } function paintFG(i) { const b = createGraphics(W, H); b.pixelDensity(1); b.noStroke(); randomSeed(99 + i); const pipe = (x, y, w, h) => { rr(b, '#06070c', x, y, w, h); rr(b, '#14161f', w > h ? x : x + 1, w > h ? y + 1 : y, w > h ? w : 1, w > h ? 1 : h); }; if (i === 0) { pipe(0, 4, 300, 8); pipe(18, 0, 9, 270); rr(b, '#06070c', 14, 60, 17, 5); } if (i === 1) { pipe(466, 0, 10, 110); pipe(0, 0, 120, 6); } if (i === 2) { pipe(0, 10, W, 9); pipe(150, 0, 8, 60); pipe(452, 0, 8, 120); } if (i === 3) { pipe(0, 24, W, 10); pipe(6, 0, 8, 150); } if (i === 4) { pipe(0, 0, W, 6); for (let x = 0; x < W; x += 2) if (random() < 0.3) rr(b, '#081008', x, 6, 1, random(3, 14)); } return b; } // ---------- INPUT ---------- function touchBtns() { const r = Math.max(28, Math.min(width, height) * 0.065), y1 = height - r * 1.4, y2 = y1 - r * 2.3; return [ { k: 'L', x: r * 1.4, y: y1, r, t: '◀' }, { k: 'R', x: r * 3.9, y: y1, r, t: '▶' }, { k: 'U', x: r * 2.65, y: y2, r, t: '▲' }, { k: 'D', x: r * 6.4, y: y1, r, t: '▼' }, { k: 'J', x: width - r * 1.4, y: y1, r, t: 'JUMP' }, { k: 'A', x: width - r * 3.9, y: y1, r, t: 'ACT' }, { k: 'G', x: width - r * 1.4, y: y2, r, t: 'GUN' }, { k: 'F', x: width - r * 3.9, y: y2, r, t: 'FIRE' }]; } function readInput() { const I = { L: keyIsDown(37) || keyIsDown(65), R: keyIsDown(39) || keyIsDown(68), U: keyIsDown(38) || keyIsDown(87), D: keyIsDown(40) || keyIsDown(83), J: keyIsDown(32), A: keyIsDown(69) || keyIsDown(13), G: keyIsDown(70) || keyIsDown(81), F: keyIsDown(88) || keyIsDown(74) || keyIsDown(17), S: keyIsDown(16) }; if (touchScreen) for (const t of touches) for (const bt of touchBtns()) if (dist(t.x, t.y, bt.x, bt.y) < bt.r * 1.15) I[bt.k] = true; for (const k of ['U', 'D', 'J', 'A', 'G', 'F']) I[k + 'p'] = I[k] && !prevI[k]; prevI = { ...I }; return I; } function keyPressed() { startIfTitle(); if ([32, 37, 38, 39, 40].includes(keyCode)) return false; } function mousePressed() { startIfTitle(); } function startIfTitle() { if (game === 'title') { game = 'play'; resetGame(); startRain(); } else if (game === 'ending' && endT > 620) { game = 'play'; resetGame(); } } function startRain() { if (!rainOn && typeof sfx !== 'undefined') { rainOn = true; sfx.loop(SFX.rain, { volume: 0.35 }); } } // ---------- COLLISION ---------- function hit(x, y, h) { for (const s of ROOMS[R].solids) if (x + 4 > s[0] && x - 4 < s[0] + s[2] && y > s[1] && y - h < s[1] + s[3]) return s; return null; } function pH() { return (P.st === 'crouch' || (P.st === 'ready' && P.crouch)) ? 16 : 28; } function findLedge() { const f = P.face, hx = P.x + f * 5, hy = P.y - 34; for (const s of ROOMS[R].solids) { const cx = f > 0 ? s[0] : s[0] + s[2], cy = s[1]; if (cy < 10) continue; if ((f > 0 && P.x > cx + 1) || (f < 0 && P.x < cx - 1)) continue; if (Math.abs(hx - cx) < 8 && hy > cy - 9 && hy < cy + 11 && !hit(cx + f * 6, cy, 28)) return { x: cx, y: cy }; } return null; } function edgeBelow(d) { for (const s of ROOMS[R].solids) { if (Math.abs(s[1] - P.y) > 0.5) continue; const cx = d > 0 ? s[0] + s[2] : s[0]; if (Math.abs(P.x - cx) < 8 && !hit(cx + d * 5, s[1] + 34, 28)) return { x: cx, y: s[1] }; } return null; } // ---------- PLAYER ---------- function updPlayer(I) { const p = P; p.t++; if (p.cd > 0) p.cd--; if (p.fireT > 0) p.fireT--; const dir = (I.R ? 1 : 0) - (I.L ? 1 : 0); p.runHold = dir ? p.runHold + 1 : 0; if (I.Jp) p.jb = 8; else if (p.jb > 0) p.jb--; const ground = !!hit(p.x, p.y + 1, pH()); switch (p.st) { case 'wake': if (p.t > 80) { p.st = 'crouch'; p.t = 0; } break; case 'idle': case 'walk': case 'run': { if (!ground) { p.st = 'air'; p.airY = p.y; break; } const run = I.S || (touchScreen && p.runHold > 30); if (dir && dir !== p.face) { if (Math.abs(p.vx) < 0.5) { p.face = dir; p.st = 'turn'; p.t = 0; break; } p.vx *= 0.86; } const target = dir === p.face ? dir * (run ? 1.85 : 0.85) : 0; const acc = target === 0 ? 0.09 : (run ? 0.055 : 0.1); p.vx += clamp(target - p.vx, -acc, acc); if (target === 0 && Math.abs(p.vx) < 0.03) p.vx = 0; p.st = Math.abs(p.vx) > 1.2 ? 'run' : Math.abs(p.vx) > 0.05 ? 'walk' : 'idle'; if (I.D) { p.st = 'crouch'; p.t = 0; } else if (p.jb > 0 || I.Up) { p.jb = 0; p.st = 'prep'; p.t = 0; p.jk = Math.abs(p.vx) > 1.2 ? 'run' : Math.abs(p.vx) > 0.3 ? 'walk' : 'up'; } else if (I.Gp) drawGun(); else if (I.Ap) interact(); break; } case 'turn': p.vx *= 0.8; if (p.t > 6) p.st = 'idle'; break; case 'prep': p.vx *= 0.9; if (p.t >= (p.jk === 'up' ? 7 : 4)) { p.vy = p.jk === 'up' ? -3.9 : -3.45; p.vx = p.jk === 'run' ? p.face * 2.0 : p.jk === 'walk' ? p.face * 1.15 : 0; p.st = 'air'; p.airY = p.y; p.t = 0; } break; case 'air': p.vy = Math.min(5, p.vy + 0.2); p.vx = clamp(p.vx + dir * 0.025, -2.1, 2.1); if (p.vy > -1.6 && !I.D) { const l = findLedge(); if (l) { p.ledge = l; p.x = l.x - p.face * 5; p.y = l.y + 34; p.vx = p.vy = 0; p.st = 'hang'; p.t = 0; snd(SFX.step, { volume: 0.5, rate: 0.8 }); } } break; case 'land': p.vx *= 0.82; if (p.t > p.lt) p.st = 'idle'; break; case 'crouch': p.vx *= 0.75; if (dir) { if (dir !== p.face) p.face = dir; else { const e = edgeBelow(dir); if (e) { p.ledge = e; p.face = -dir; p.x = e.x + dir * 5; p.y = e.y + 34; p.st = 'hang'; p.t = 0; snd(SFX.step, { volume: 0.4 }); break; } } } if (I.Ap) interact(); if (!I.D && p.t > 5) p.st = 'idle'; break; case 'hang': if ((I.Up || I.Jp) && p.t > 8) { p.st = 'climb'; p.t = 0; } else if (I.Dp) { p.st = 'air'; p.vy = 0.4; p.x -= p.face * 2; p.airY = p.y; } break; case 'climb': if (p.t === 14) snd(SFX.step, { volume: 0.5, rate: 0.9 }); if (p.t >= 30) { p.x = p.ledge.x + p.face * 6; p.y = p.ledge.y; p.st = 'idle'; p.vx = 0; } break; case 'ready': p.vx *= 0.75; p.crouch = I.D; if (dir && dir !== p.face) p.face = dir; if (I.Fp && p.cd === 0) playerFire(); if (I.Gp || I.Jp || I.Up) { p.st = 'idle'; p.crouch = false; } break; case 'hit': p.vx *= 0.85; if (p.t > 18) p.st = flags.gun ? 'ready' : 'idle'; break; case 'dead': p.vx *= 0.9; if (p.t > 120) respawn(); break; } if (p.st !== 'hang' && p.st !== 'climb') { let vx = p.vx; const rb = ROOMS[R].belt; if (rb && ground && Math.abs(p.y - rb.y) < 0.5 && p.x < rb.x1) vx += rb.v; p.x += vx; let s = hit(p.x, p.y, pH()); if (s) { p.x = vx > 0 ? s[0] - 4 : s[0] + s[2] + 4; p.vx = 0; } if (p.st === 'air' || p.st === 'dead') { p.y += p.vy; s = hit(p.x, p.y, pH()); if (s) { if (p.vy > 0) { p.y = s[1]; const fallen = p.y - p.airY; p.vy = 0; if (p.st === 'dead') { } else if (fallen > 150) die(); else if (fallen > 80) { p.st = 'land'; p.lt = 22; p.t = 0; p.vx *= 0.3; snd(SFX.land, { volume: 0.9 }); shake = 4; } else { p.st = 'land'; p.lt = Math.abs(p.vx) > 1.2 ? 3 : 7; p.t = 0; p.vx *= 0.75; snd(SFX.land, { volume: 0.35, rate: random(0.9, 1.15) }); } } else { p.y = s[1] + s[3] + pH(); p.vy = 0; } } else if (p.st === 'dead') p.vy = Math.min(5, p.vy + 0.2); } } if (p.st === 'walk' || p.st === 'run') { p.ph += Math.abs(p.vx) * (p.st === 'run' ? 0.17 : 0.26); const k = floor(p.ph / PI); if (k !== p.stepK) { p.stepK = k; snd(SFX.step, { volume: p.st === 'run' ? 0.45 : 0.25, rate: random(0.88, 1.15), pan: (p.x / W - 0.5) * 0.6 }); } } const rm = ROOMS[R]; if (rm.fire && p.st !== 'dead' && p.x > rm.fire[0] && p.y > rm.fire[1] && p.y - 28 < rm.fire[1] + rm.fire[3]) die('The heat closes over you.'); if (p.y > H + 20 && p.st !== 'dead') die('The channel takes you.'); if (p.st !== 'dead' && !fadeTo) { if (p.x > W - 2) { if (rm.exits.right) go(rm.exits.right); else p.x = W - 2; } if (p.x < 2) { if (rm.exits.left) go(rm.exits.left); else p.x = 2; } } } function drawGun() { if (!flags.gun) { if (!flags.gunHint) { flags.gunHint = true; msg('MARA', 'Empty hands. These hands.'); } return; } P.st = 'ready'; P.t = 0; P.vx *= 0.3; snd(SFX.blip, { volume: 0.3, rate: 0.7 }); } function playerFire() { P.cd = 24; P.fireT = 9; const y = P.y - (P.crouch ? 10 : 20); bullets.push({ x: P.x + P.face * 11, y, vx: P.face * 5.5, own: 'p' }); snd(SFX.shot, { volume: 0.7, rate: random(0.95, 1.08) }); for (let i = 0; i < 6; i++) sparks.push({ x: P.x + P.face * 11, y, vx: P.face * random(0.5, 2), vy: random(-0.6, 0.6), l: 8, c: '#ffd38a' }); } function die(t) { if (P.st === 'dead') return; P.st = 'dead'; P.t = 0; P.vy = 0; snd(SFX.land, { volume: 0.8, rate: 0.7 }); shake = 5; if (t) msg('', t); } function respawn() { const sp = P.spawn; P = newPlayer(sp.x, sp.y); P.spawn = sp; P.face = sp.x > 240 ? -1 : 1; if (R === 3 && guard.st !== 'dead') guard = newGuard(); bullets = []; } function go(e) { fadeTo = e; } function enter(e) { R = e.to; P.x = e.x; P.y = e.y; P.vx = 0; P.vy = 0; P.st = 'idle'; P.spawn = { x: e.x, y: e.y }; P.hp = 3; roomT = 0; bullets = []; if (R === 3 && guard.st !== 'dead') guard = newGuard(); if (R === 1 && !flags.saw1) { flags.saw1 = true; msg('MARA', 'The city. Under its painted sky. Halvard is past the checkpoint.'); } if (R === 4 && !flags.saw4) { flags.saw4 = true; msg('MARA', 'Halvard. Nobody has waited for a train here in years.'); } } function interact() { let best = null, bd = 18; for (const it of ROOMS[R].inter) { const d = Math.abs(it.x - P.x); if (d < bd && Math.abs(it.y - P.y) < 6) { bd = d; best = it; } } if (!best) { if (cur) cur.n = 9999, cur.life = Math.min(cur.life, 20); return; } snd(SFX.blip, { volume: 0.4, rate: random(0.95, 1.1) }); if (best.k === 'note') for (const m of best.t) msg(m[0], m[1]); else if (best.k === 'door') { if (!flags.power) msg('SHUTTER', 'NO POWER. A cable runs down, toward the relay.'); else go({ to: 3, x: 30, y: 210 }); } else if (best.k === 'locker') { if (flags.gun) msg('LOCKER', 'Empty.'); else { flags.gun = true; msg('LOCKER', 'A service pistol. Taped to the grip: "You will know when."'); msg('', touchScreen ? 'GUN draws · FIRE shoots · hold ▼ to crouch while aiming' : 'F draws · X fires · hold DOWN to crouch while aiming'); } } else if (best.k === 'breaker') { if (flags.power) { msg('RELAY', 'Holding. The hum is steady now.'); return; } const i = best.i, want = [1, 2, 0]; if (flags.br[i]) return; flags.seq.push(i); if (want[flags.seq.length - 1] === i) { flags.br[i] = true; if (flags.seq.length === 3) { flags.power = true; snd(SFX.power, { volume: 0.9 }); shake = 6; msg('', 'Somewhere back along the channel, a shutter groans open.'); } } else { flags.br = [false, false, false]; flags.seq = []; shake = 3; snd(SFX.power, { volume: 0.4, rate: 1.6 }); for (let k = 0; k < 14; k++) sparks.push({ x: best.x, y: 178, vx: random(-1.5, 1.5), vy: random(-2, 0), l: 20, c: '#9fe0ff' }); msg('RELAY', 'It hums. Then everything drops.'); } } else if (best.k === 'end') { msg('T.', 'I could not wait for you. Watch this. Then decide who you are.'); setTimeout(() => { game = 'ending'; endT = 0; }, 2600); } } // ---------- GUARD ---------- function updGuard() { const G = guard; if (R !== 3) return; G.t++; if (G.st === 'dead') return; const dx = P.x - G.x, adx = Math.abs(dx); const pc = P.st === 'crouch' || (P.st === 'ready' && P.crouch); const sees = P.st !== 'dead' && Math.sign(dx) === G.face && adx < 220 && !(pc && adx > 120); if (G.st === 'patrol') { G.x += G.face * 0.45; G.ph += 0.45 * 0.26; if (G.x > 420) G.face = -1; if (G.x < 230) G.face = 1; if (sees || (adx < 36 && P.st !== 'dead')) { G.st = 'alert'; G.t = 0; G.cd = 70; G.face = Math.sign(dx) || G.face; if (!G.spoke) { G.spoke = true; msg('GUARD', 'Maintenance? This sector is sealed. ...Wait. Your face is not in the registry.'); } } } else if (G.st === 'alert') { G.face = Math.sign(dx) || G.face; G.cd--; if (G.cd === 26) G.low = G.shots % 3 === 2; if (G.cd <= 0) { const y = G.y - (G.low ? 9 : 20); bullets.push({ x: G.x + G.face * 11, y, vx: G.face * 4.2, own: 'g' }); snd(SFX.shot, { volume: 0.55, rate: random(0.8, 0.9), pan: (G.x / W - 0.5) }); G.shots++; G.cd = 78 + floor(random(30)); G.low = false; } if (P.st === 'dead') { G.st = 'patrol'; } } else if (G.st === 'hit') { if (G.t > 16) { G.st = 'alert'; G.cd = Math.max(G.cd, 40); } } } function updBullets() { for (const b of bullets) { b.x += b.vx; if (b.x < 0 || b.x > W || hit(b.x, b.y + 1, 2)) { b.dead = true; for (let i = 0; i < 4; i++) sparks.push({ x: b.x, y: b.y, vx: -b.vx * random(0.1, 0.3), vy: random(-1, 1), l: 10, c: '#f0a347' }); continue; } if (b.own === 'g' && P.st !== 'dead' && Math.abs(b.x - P.x) < 5 && b.y < P.y && b.y > P.y - pH()) { b.dead = true; P.hp--; shake = 3; snd(SFX.land, { volume: 0.6, rate: 1.3 }); for (let i = 0; i < 6; i++) sparks.push({ x: b.x, y: b.y, vx: random(-1, 1), vy: random(-1, 1), l: 14, c: '#a8323a' }); if (P.hp <= 0) die('Unit 41 stops walking.'); else { P.st = 'hit'; P.t = 0; P.vx = Math.sign(b.vx) * 0.8; P.crouch = false; } } if (b.own === 'p' && R === 3 && guard.st !== 'dead' && Math.abs(b.x - guard.x) < 5 && b.y < guard.y && b.y > guard.y - 28) { b.dead = true; guard.hp--; guard.t = 0; for (let i = 0; i < 6; i++) sparks.push({ x: b.x, y: b.y, vx: random(-1, 1), vy: random(-1, 1), l: 14, c: '#a8323a' }); if (guard.hp <= 0) { guard.st = 'dead'; snd(SFX.land, { volume: 0.7, rate: 0.8 }); msg('MARA', 'I did not know these hands could do that.'); } else { guard.st = 'hit'; guard.x -= Math.sign(b.vx) * -2; } } } bullets = bullets.filter(b => !b.dead); } // ---------- FIGURE ---------- function fig(b, x, y, f, p, c, gun) { b.noStroke(); const seg = (sx, sy, a, l, w, col) => { const ex = sx + f * Math.sin(a) * l, ey = sy + Math.cos(a) * l, n = Math.ceil(l); b.fill(col); for (let i = 0; i <= n; i++) { const k = i / n; b.rect(Math.round(sx + (ex - sx) * k - w / 2), Math.round(sy + (ey - sy) * k - w / 2), w, w); } return { x: ex, y: ey }; }; const l1 = Math.cos(p.t1) * 7 + Math.cos(p.t1 - p.k1) * 7, l2 = Math.cos(p.t2) * 7 + Math.cos(p.t2 - p.k2) * 7; const h = p.h != null ? p.h : Math.max(l1, l2, 4); const hx = x, hy = y - h; const sx = hx + f * Math.sin(p.lean) * 11, sy = hy - Math.cos(p.lean) * 11; let k = seg(hx, hy, p.t2, 7, 2, c.legsB); seg(k.x, k.y, p.t2 - p.k2, 7, 2, c.legsB); k = seg(sx, sy, p.a2, 5, 2, c.back); seg(k.x, k.y, p.a2 + p.e2, 5, 2, c.back); seg(hx, hy, Math.PI - p.lean, 11, 3, c.body); k = seg(hx, hy, p.t1, 7, 2, c.legs); seg(k.x, k.y, p.t1 - p.k1, 7, 2, c.legs); b.fill(c.legsB); b.rect(Math.round(k.x + f * Math.sin(p.t1 - p.k1) * 7) - (f > 0 ? 0 : 2), Math.round(k.y + Math.cos(p.t1 - p.k1) * 7), 3, 1); k = seg(sx, sy, p.a1, 5, 2, c.body); const hand = seg(k.x, k.y, p.a1 + p.e1, 5, 2, c.skin); if (gun) { b.fill('#0d0e12'); b.rect(Math.round(hand.x + (f > 0 ? 0 : -4)), Math.round(hand.y - 1), 4, 2); if (p.flash) { b.fill('#ffe2a0'); b.rect(Math.round(hand.x + f * 5 - 1), Math.round(hand.y - 2), 3, 3); } } b.fill(c.skin); b.rect(Math.round(sx - 1 + f * 0.5), Math.round(sy - 5), 3, 4); b.fill(c.hair); b.rect(Math.round(sx - 1 - (f > 0 ? 1 : -1)), Math.round(sy - 6), 3, 2); b.rect(Math.round(sx - (f > 0 ? 2 : -1)), Math.round(sy - 5), 2, 3); } function deadFig(b, x, y, f, c, k) { b.noStroke(); if (k < 1) { fig(b, x, y, f, { lean: 0.6 + k, t1: 1.3, k1: 2.3, t2: 1.0, k2: 2.1, a1: 0.3, e1: 0.2, a2: 0.2, e2: 0.2, h: 6 - k * 3 }, c, false); return; } b.fill(c.legsB); b.rect(Math.round(x - f * 14 - (f > 0 ? 0 : 0)), y - 2, 14, 2); b.fill(c.legs); b.rect(Math.round(f > 0 ? x - 14 : x), y - 3, 14, 1); b.fill(c.body); b.rect(Math.round(f > 0 ? x : x - 11), y - 3, 11, 3); b.fill(c.skin); b.rect(Math.round(f > 0 ? x + 11 : x - 15), y - 3, 4, 3); b.fill(c.hair); b.rect(Math.round(f > 0 ? x + 13 : x - 15), y - 3, 2, 2); } function poseOf(st, ph, t, vy, extra) { const o = { lean: 0.05, t1: 0.08, k1: 0.12, t2: -0.08, k2: 0.12, a1: 0.1, e1: 0.15, a2: -0.06, e2: 0.15, h: null, flash: false }; const s = Math.sin(ph), c = Math.cos(ph); const crouchP = () => Object.assign(o, { t1: 1.25, k1: 2.3, t2: 0.95, k2: 2.1, lean: 0.45, a1: 0.7, e1: 0.6, a2: 0.5, e2: 0.5 }); switch (st) { case 'idle': case 'turn': o.lean += Math.sin(tick * 0.035) * 0.025; o.a1 += Math.sin(tick * 0.035) * 0.03; break; case 'walk': Object.assign(o, { t1: s * 0.42, t2: -s * 0.42, k1: Math.max(0, -c) * 0.7 + 0.1, k2: Math.max(0, c) * 0.7 + 0.1, a1: -s * 0.35, a2: s * 0.35, e1: 0.3, e2: 0.3, lean: 0.07 }); break; case 'run': Object.assign(o, { t1: s * 0.78, t2: -s * 0.78, k1: Math.max(0, -c) * 1.4 + 0.2, k2: Math.max(0, c) * 1.4 + 0.2, a1: -s * 0.75, a2: s * 0.75, e1: 1.3, e2: 1.3, lean: 0.24 }); break; case 'prep': Object.assign(o, { t1: 0.6, k1: 1.15, t2: 0.4, k2: 1.0, lean: 0.32, a1: -0.55, e1: 0.3, a2: -0.6, e2: 0.3 }); break; case 'air': if (vy < 0) Object.assign(o, { t1: 0.85, k1: 1.3, t2: -0.3, k2: 0.5, a1: 2.5, e1: 0.2, a2: 0.7, e2: 0.4, lean: 0.12 }); else Object.assign(o, { t1: 0.35, k1: 0.55, t2: -0.15, k2: 0.35, a1: 1.9, e1: 0.2, a2: 1.3, e2: 0.3, lean: 0.06 }); break; case 'land': { const k = clamp(1 - t / Math.max(1, extra), 0, 1); crouchP(); for (const q of ['t1', 'k1', 't2', 'k2', 'lean', 'a1', 'a2']) o[q] *= k; break; } case 'crouch': case 'wake': crouchP(); break; case 'hang': Object.assign(o, { t1: 0.12, k1: 0.25, t2: -0.06, k2: 0.15, a1: Math.PI - 0.45, a2: Math.PI - 0.5, e1: 0, e2: 0, lean: 0.08, h: 14 }); o.t1 += Math.sin(tick * 0.05) * 0.06; break; case 'ready': Object.assign(o, { a1: Math.PI / 2, e1: 0, a2: Math.PI / 2 - 0.25, e2: 0.35, lean: 0.02, t1: 0.25, k1: 0.2, t2: -0.2, k2: 0.15 }); if (extra === 1) Object.assign(o, { t1: 1.25, k1: 2.3, t2: 0.95, k2: 2.1, lean: 0.15 }); if (vy > 0) { o.lean -= 0.1; o.flash = vy > 6; o.a1 -= 0.15; } break; case 'hit': Object.assign(o, { lean: -0.35, a1: -0.7, a2: -0.5, t1: 0.3, k1: 0.5, t2: -0.3, k2: 0.2 }); break; } return o; } function drawPlayer() { const p = P; if (p.st === 'dead') { deadFig(g, p.x, p.y, p.face, MARA, clamp(p.t / 25, 0, 1)); return; } if (p.st === 'wake') { if (p.t < 50) deadFig(g, p.x, p.y, p.face, MARA, 1); else fig(g, p.x, p.y, p.face, poseOf('crouch'), MARA, false); return; } if (p.st === 'climb') { const k = p.t / 30, L = p.ledge; if (k < 0.5) { const q = k * 2, o = poseOf('hang'); o.e1 = o.e2 = -q * 2.2; o.h = 14; o.t1 = 0.4 * q; o.k1 = 0.9 * q; fig(g, p.x, p.y - q * 20, p.face, o, MARA, false); } else { const q = (k - 0.5) * 2, e = q * q * (3 - 2 * q), o = poseOf('crouch'); o.a1 = 1.2; o.a2 = 1.0; fig(g, lerp2(p.x, L.x + p.face * 6, e), lerp2(p.y - 20, L.y, e), p.face, o, MARA, false); } return; } const extra = p.st === 'land' ? p.lt : p.st === 'ready' ? (p.crouch ? 1 : 0) : 0; const vy = p.st === 'ready' ? p.fireT : p.vy; fig(g, p.x, p.y, p.face, poseOf(p.st, p.ph, p.t, vy, extra), MARA, p.st === 'ready'); } function drawGuard() { const G = guard; if (R !== 3) return; if (G.st === 'dead') { deadFig(g, G.x, G.y, G.face, GUARDC, clamp(G.t / 25, 0, 1)); return; } const st = G.st === 'patrol' ? 'walk' : G.st === 'alert' ? 'ready' : 'hit'; const o = poseOf(st, G.ph, G.t, G.st === 'alert' && G.cd > 70 ? 8 : 0, G.low ? 1 : 0); fig(g, G.x, G.y, G.face, o, GUARDC, G.st !== 'patrol'); if (G.st === 'patrol') { g.fill(255, 200, 120, 22); g.triangle(G.x + G.face * 4, G.y - 24, G.x + G.face * 90, G.y - 40, G.x + G.face * 90, G.y); } if (G.st === 'alert' && G.cd < 26 && tick % 6 < 3) { g.fill('#ff4a4a'); g.rect(G.x - 1, G.y - 38, 2, 4); } } // ---------- WORLD FX ---------- function lamp(x, y, c, a, flick) { const k = flick ? (Math.sin(tick * 0.31) + Math.sin(tick * 1.7) > 1.6 ? 0.25 : 1) : 1; g.blendMode(ADD); g.fill(c[0], c[1], c[2], a * 0.35 * k); g.triangle(x, y, x - 34, y + 70, x + 34, y + 70); g.fill(c[0], c[1], c[2], a * k); g.ellipse(x, y, 14, 8); g.blendMode(BLEND); g.fill(c[0], c[1], c[2], 255 * k); g.rect(x - 2, y - 1, 4, 2); } function drawDyn() { g.noStroke(); if (R === 0) { const o = (tick * 0.32) % 8; for (let x = o; x < 430; x += 8) { g.fill('#3a3226'); g.rect(Math.floor(x), 211, 4, 1); } g.blendMode(ADD); g.fill(255, 110, 40, 50 + Math.random() * 30); g.rect(428, 104, 52, 106); for (let i = 0; i < 8; i++) { g.fill(255, 140 + Math.random() * 80, 40, 120); g.rect(434 + Math.random() * 44, 160 + Math.random() * 50, 3, 4 + Math.random() * 8); } g.blendMode(BLEND); if (tick % 60 < 30) { g.fill('#d03030'); g.rect(470, 92, 3, 3); } lamp(290, 22, [255, 170, 80], 60, false); lamp(110, 30, [255, 170, 80], 50, true); } else if (R === 1) { for (let i = 0; i < 10; i++) { g.fill(120, 150, 180, 40); const x = 140 + ((i * 37 + tick * 0.3) % 160); if (x < 190 || x > 250) g.rect(x, 250 + (i % 3) * 5, 6, 1); } if (tick % 90 < 10) { g.fill('#ff3a3a'); g.rect(224, 7, 2, 2); } if (flags.power) { g.fill('#05060a'); g.rect(406, 126, 14, 24); g.fill('#1c1e28'); g.rect(406, 120, 14, 6); g.fill(255, 180, 90, 40); g.rect(406, 126, 14, 24); } lamp(219, 172, [90, 200, 200], 40, true); lamp(413, 108, flags.power ? [255, 170, 80] : [200, 50, 50], 50, false); } else if (R === 2) { for (let i = 0; i < 3; i++) { const on = flags.br[i] || flags.power; g.fill(on ? '#7adf8a' : (tick % 40 < 20 ? '#9a2a2a' : '#5a1a1a')); g.rect(316 + i * 32, 176, 4, 4); g.fill('#3a3640'); g.rect(315 + i * 32, 182, 6, on ? 4 : 8); } if (flags.power) { g.blendMode(ADD); g.fill(255, 170, 80, 25 + Math.sin(tick * 0.2) * 10); g.rect(309, 169, 84, 24); g.blendMode(BLEND); } lamp(80 + Math.sin(tick * 0.02) * 4, 40, [255, 170, 80], flags.power ? 60 : 20, !flags.power); } else if (R === 3) { lamp(153, 36, [255, 170, 80], 55, false); lamp(330, 36, [255, 170, 80], 45, true); g.fill(200, 40, 40, 60 + Math.sin(tick * 0.1) * 30); g.rect(444, 70, 1, 140); } else { const on = Math.sin(tick * 0.13) + Math.sin(tick * 0.71) > -1.2; if (on) { g.blendMode(ADD); g.fill(255, 160, 70, 30); g.rect(150, 66, 120, 18); g.blendMode(BLEND); } lamp(240, 100, [255, 170, 80], 35, true); lamp(400, 150, [90, 210, 200], 45, false); if (tick % 50 < 25) { g.fill('#7af0e0'); g.rect(398, 200, 4, 2); } } } function drawSteam() { const em = ROOMS[R].steam || []; if (params.steam > 0 && tick % Math.max(2, Math.round(8 / params.steam)) === 0) for (const e of em) if (Math.random() < 0.6) steam.push({ x: e[0] + random(-4, 4), y: e[1], r: random(4, 8), a: 40, vx: random(-0.1, 0.25), vy: random(-0.5, -0.25) }); for (const s of steam) { s.x += s.vx + Math.sin(tick * 0.02 + s.y * 0.05) * 0.1; s.y += s.vy; s.r += 0.12; s.a -= 0.3; g.fill(150, 160, 185, s.a * 0.5); g.ellipse(s.x, s.y, s.r * 2, s.r * 1.6); } steam = steam.filter(s => s.a > 0 && s.y > -20); } function drawRain() { const out = ROOMS[R].out * params.rain; if (out <= 0) return; const n = Math.floor(drops.length * Math.min(1, out)); g.stroke(110, 130, 170, 90); g.strokeWeight(1); for (let i = 0; i < n; i++) { const d = drops[i]; d.y += d.v * (0.6 + d.z * 0.6); d.x -= 0.8; if (d.y > H) { d.y = -10; d.x = random(W + 40); } if (d.x < -5) d.x += W + 20; g.stroke(110 + d.z * 40, 130 + d.z * 40, 170 + d.z * 40, 50 + d.z * 70); g.line(d.x, d.y, d.x - 1, d.y + d.l); } g.noStroke(); for (let i = 0; i < 6 * out; i++) { const s = ROOMS[R].solids[Math.floor(Math.random() * ROOMS[R].solids.length)]; g.fill(160, 180, 210, 120); g.rect(s[0] + Math.random() * s[2], s[1] - 1, 1, 1); } } function drawParticles() { for (const b of bullets) { g.fill(b.own === 'p' ? '#ffe6b0' : '#ff8a6a'); g.rect(Math.round(b.x) - 3, Math.round(b.y), 6, 1); } for (const s of sparks) { s.x += s.vx; s.y += s.vy; s.vy += 0.08; s.l--; g.fill(s.c); g.rect(Math.round(s.x), Math.round(s.y), 1, 1); } sparks = sparks.filter(s => s.l > 0); } function drawPrompt() { if (P.st === 'dead' || P.st === 'hang' || P.st === 'climb') return; for (const it of ROOMS[R].inter) if (Math.abs(it.x - P.x) < 18 && Math.abs(it.y - P.y) < 6) { const a = 150 + Math.sin(tick * 0.15) * 100; g.fill(255, 190, 100, a); g.rect(it.x - 1, it.y - 42, 3, 3); g.rect(it.x, it.y - 43, 1, 5); g.rect(it.x - 2, it.y - 41, 5, 1); g.textSize(6); g.textAlign(CENTER); g.text(touchScreen ? 'ACT' : 'E', it.x, it.y - 46); g.textAlign(LEFT); break; } } function drawHUD() { if (roomT < 200) { const a = Math.min(1, roomT / 30, (200 - roomT) / 40) * 200; g.fill(200, 190, 170, a); g.textSize(7); g.text(ROOMS[R].name, 14, 22); g.fill(255, 170, 80, a); g.rect(14, 25, 30, 1); } if (R === 3 || P.hp < 3) for (let i = 0; i < 3; i++) { g.fill(i < P.hp ? '#c8a060' : '#2a2a32'); g.rect(W - 40 + i * 8, 16, 5, 3); } if (cur) { const a = Math.min(1, cur.life / 15, (cur.max - cur.life + 1) / 10); g.fill(6, 8, 14, 210 * a); g.rect(20, H - 46, W - 40, 34); g.fill(255, 170, 80, 160 * a); g.rect(20, H - 46, 2, 34); g.textSize(7); if (cur.who) { g.fill(255, 180, 100, 255 * a); g.text(cur.who, 30, H - 36); } g.fill(210, 215, 220, 255 * a); g.text(cur.t, 30, cur.who ? H - 32 : H - 38, W - 64, 24); } } // ---------- ENDING ---------- const END = [[40, 'MINISTRY OF CONTINUITY · ARCHIVE CAM 02 · 3 YEARS AGO'], [120, 'OFFICIAL: The programme needs an archivist\'s signature.'], [230, 'VENN: The district first. Then the rest.'], [330, 'VENN: And if anyone remembers... begin with me.'], [430, 'VENN: Authorised. Mara Venn. Archivist 0417.']]; function drawEnding() { endT++; g.background('#05070a'); g.fill('#0b1416'); g.rect(60, 40, 360, 170); for (let y = 40; y < 210; y += 10) for (let x = 60; x < 420; x += 20) { g.fill(14, 28, 30); g.rect(x + ((y / 10) % 2) * 10, y, 19, 9); } g.fill('#1a2a2c'); g.rect(170, 160, 150, 8); g.rect(180, 168, 4, 30); g.rect(306, 168, 4, 30); const tint = { body: '#6a9a98', back: '#3a5a5a', legs: '#2a4446', legsB: '#1a3032', skin: '#9ac0b8', hair: '#1a2a2a' }; const off = { body: '#3a5052', back: '#22302f', legs: '#203030', legsB: '#152222', skin: '#6a8a86', hair: '#112020' }; const signing = endT > 430 && endT < 520; fig(g, 220, 198, 1, Object.assign(poseOf('idle'), { a1: signing ? 1.3 : 0.2, e1: signing ? 0.6 : 0.2 }), tint, false); fig(g, 290, 198, -1, poseOf('idle'), off, false); fig(g, 330, 198, -1, poseOf('idle'), off, false); if (signing) { g.fill('#c8f0e0'); g.rect(240, 158, 6, 2); } for (let y = 0; y < H; y += 2) { g.fill(0, 0, 0, 50); g.rect(0, y, W, 1); } if (Math.random() < 0.05) { g.fill(150, 220, 210, 30); g.rect(0, Math.random() * H, W, 3 + Math.random() * 8); } g.blendMode(ADD); g.fill(40, 90, 80, 30); g.rect(60, 40, 360, 170); g.blendMode(BLEND); g.fill(tick % 60 < 30 ? '#d03030' : '#401010'); g.rect(70, 48, 4, 4); g.fill(170, 220, 210); g.textSize(6); g.text('REC', 77, 52); g.textSize(7); for (const [t0, s] of END) if (endT > t0) { const a = Math.min(255, (endT - t0) * 6); if (endT < t0 + 100 || t0 === 40) { g.fill(200, 230, 220, a); g.text(s, 64, t0 === 40 ? 34 : 228, 356, 30); } } if (endT > 540) { const a = Math.min(255, (endT - 540) * 4); g.fill(0, 0, 0, a * 0.8); g.rect(0, 0, W, H); g.fill(230, 220, 200, a); g.textAlign(CENTER); g.textSize(14); g.text('AFTERIMAGE', W / 2, H / 2 - 10); g.textSize(7); g.text('END OF CHAPTER ONE', W / 2, H / 2 + 8); if (endT > 620) { g.fill(255, 170, 80, 120 + Math.sin(tick * 0.1) * 100); g.text(touchScreen ? 'tap to begin again' : 'click or press a key to begin again', W / 2, H / 2 + 34); } g.textAlign(LEFT); } } // ---------- MAIN LOOP ---------- function draw() { tick++; background(0); g.noStroke(); if (game === 'title') { g.image(bgs[1], 0, 0); R = 1; drawDyn(); drawSteam(); drawRain(); g.image(fgs[1], 0, 0); g.image(ov, 0, 0); g.fill(0, 0, 0, 120); g.rect(0, 0, W, H); g.textAlign(CENTER); g.fill(230, 222, 205); g.textSize(22); g.text('AFTERIMAGE', W / 2, 112); g.fill(255, 170, 80); g.rect(W / 2 - 40, 120, 80, 1); g.textSize(7); g.fill(180, 185, 195); g.text('CHAPTER ONE · UNIT 41', W / 2, 134); g.fill(255, 180, 100, 140 + Math.sin(tick * 0.06) * 100); g.text(touchScreen ? 'tap to begin' : 'click or press any key to begin', W / 2, 178); g.textAlign(LEFT); R = 0; } else if (game === 'ending') { drawEnding(); } else { const I = readInput(); roomT++; if (fadeTo) { fade += 0.07; if (fade >= 1) { fade = 1; enter(fadeTo); fadeTo = null; } } else { fade = Math.max(0, fade - 0.05); updPlayer(I); updGuard(); updBullets(); } if (!cur && msgs.length) { const m = msgs.shift(); cur = { ...m, life: 90 + m.t.length * 2.4 }; cur.max = cur.life; snd(SFX.blip, { volume: 0.12, rate: 1.4 }); } if (cur && --cur.life <= 0) cur = null; const sx = shake > 0 ? Math.round(random(-shake, shake)) : 0, sy = shake > 0 ? Math.round(random(-shake, shake) * 0.5) : 0; shake = Math.max(0, shake - 0.4); g.push(); g.translate(sx, sy); g.image(bgs[R], 0, 0); drawDyn(); drawSteam(); drawPrompt(); drawGuard(); drawPlayer(); drawParticles(); drawRain(); g.image(fgs[R], 0, 0); g.pop(); g.image(ov, 0, 0); drawHUD(); if (fade > 0) { g.fill(0, 0, 0, fade * 255); g.rect(0, 0, W, H); } } // grain const gn = Math.floor(params.grain * 500); for (let i = 0; i < gn; i++) { g.fill(Math.random() < 0.5 ? 0 : 255, 14); g.rect(Math.random() * W, Math.random() * H, 1, 1); } // blit scl = Math.min(width / W, height / H); if (scl >= 1) scl = Math.max(1, Math.floor(scl * 4) / 4); const dw = W * scl, dh = H * scl; ox = Math.floor((width - dw) / 2); oy = Math.floor(touchScreen && height > width ? height * 0.12 : (height - dh) / 2); drawingContext.imageSmoothingEnabled = false; image(g, ox, oy, dw, dh); if (params.scanlines && scl >= 2) { stroke(0, 45); strokeWeight(1); for (let y = oy; y < oy + dh; y += scl) line(ox, y, ox + dw, y); noStroke(); } if (touchScreen && game === 'play') { const held = {}; for (const t of touches) for (const bt of touchBtns()) if (dist(t.x, t.y, bt.x, bt.y) < bt.r * 1.15) held[bt.k] = true; textAlign(CENTER, CENTER); textFont('monospace'); for (const bt of touchBtns()) { if (bt.k === 'G' && !flags.gun) continue; if (bt.k === 'F' && P.st !== 'ready') continue; fill(held[bt.k] ? color(255, 170, 80, 120) : color(20, 24, 36, 120)); stroke(255, 190, 120, held[bt.k] ? 200 : 70); strokeWeight(1.5); circle(bt.x, bt.y, bt.r * 2); noStroke(); fill(230, 220, 200, 200); textSize(bt.t.length > 1 ? bt.r * 0.42 : bt.r * 0.7); text(bt.t, bt.x, bt.y); } textAlign(LEFT, BASELINE); } }