engine.scope(({ start, cls, rectfill, pset, btn, caption, camera, creset, rnd, sfx, base }) => { const { Map, Constants, WallTexture, Bayer, fogAmount, applyFog, EnemySpawns } = base(); const MonsterSprite = [ -1,-1, 5, 5, 5, 5,-1,-1, -1, 5, 5, 5, 5, 5, 5,-1, -1, 5, 8,-1, 8, 5,-1,-1, -1, 5, 5, 5, 5, 5, 5,-1, -1,-1, 5, 5, 5, 5,-1,-1, -1, 5, 5, 5, 5, 5, 5,-1, -1, 5,-1, 5, 5,-1, 5,-1, -1,-1,-1, 5, 5,-1,-1,-1, ]; const sprites = { wall: WallTexture, monster: MonsterSprite }; const sounds = { clunk: [5, [8, 0.8, 1], [5, 0.5, 1], [0, 0, 0]] }; let px = Constants.SpawnX; let py = Constants.SpawnY; let pa = 0; let health = [true, true, true]; let flashTimer = 0; let shakeTimer = 0; const viewW = 128; const viewH = 128; const halfH = viewH / 2; const isDead = () => health.every(h => !h); let monsters = EnemySpawns.map(s => ({ x: s.x, y: s.y, chasing: false, seenPlayer: false, path: [], pathAge: 0, hitCooldown: 0, dead: false, })); function takeDamage(mx, my) { const idx = health.lastIndexOf(true); if (idx === -1) return; health[idx] = false; flashTimer = 12; shakeTimer = 8; const dx = px - mx; const dy = py - my; const d = Math.sqrt(dx * dx + dy * dy); if (d > 0) { const nx = px + (dx / d) * 0.3; const ny = py + (dy / d) * 0.3; if (Map[Math.floor(py)][Math.floor(nx)] === 0) px = nx; if (Map[Math.floor(ny)][Math.floor(px)] === 0) py = ny; } } function hasLineOfSight(fromX, fromY, toX, toY) { const dx = toX - fromX; const dy = toY - fromY; const dist = Math.sqrt(dx * dx + dy * dy); if (dist < 0.01) return true; const tx = Math.floor(toX); const ty = Math.floor(toY); // Same floor cell — trivially visible if (Math.floor(fromX) === tx && Math.floor(fromY) === ty) return true; const rdx = dx / dist; const rdy = dy / dist; let mx = Math.floor(fromX); let my = Math.floor(fromY); const ddx = Math.abs(rdx) < 1e-10 ? 1e30 : Math.abs(1 / rdx); const ddy = Math.abs(rdy) < 1e-10 ? 1e30 : Math.abs(1 / rdy); let stepX, stepY, sdx, sdy; if (rdx < 0) { stepX = -1; sdx = (fromX - mx) * ddx; } else { stepX = 1; sdx = (mx + 1 - fromX) * ddx; } if (rdy < 0) { stepY = -1; sdy = (fromY - my) * ddy; } else { stepY = 1; sdy = (my + 1 - fromY) * ddy; } for (let i = 0; i < 100; i++) { if (sdx < sdy) { sdx += ddx; mx += stepX; } else { sdy += ddy; my += stepY; } if (mx === tx && my === ty) return true; if (Map[my]?.[mx] === 1) return false; } return false; } function bfs(startX, startY, goalX, goalY) { const sx = Math.floor(startX); const sy = Math.floor(startY); const gx = Math.floor(goalX); const gy = Math.floor(goalY); if (sx === gx && sy === gy) return []; const visited = new Set(); const queue = [{ x: sx, y: sy, path: [] }]; visited.add(sy * Constants.MapSize + sx); const dirs = [[0, -1], [1, 0], [0, 1], [-1, 0]]; while (queue.length > 0) { const { x, y, path } = queue.shift(); for (const [dx, dy] of dirs) { const nx = x + dx; const ny = y + dy; const key = ny * Constants.MapSize + nx; if (visited.has(key) || Map[ny]?.[nx] !== 0) continue; visited.add(key); const newPath = [...path, { x: nx + 0.5, y: ny + 0.5 }]; if (nx === gx && ny === gy) return newPath; queue.push({ x: nx, y: ny, path: newPath }); } } return []; } function update() { if (isDead()) return; if (btn('ArrowLeft')) pa -= Constants.RotSpeed; if (btn('ArrowRight')) pa += Constants.RotSpeed; if (btn('ArrowUp')) { const nx = px + Math.cos(pa) * Constants.MoveSpeed; const ny = py + Math.sin(pa) * Constants.MoveSpeed; if (Map[Math.floor(py)][Math.floor(nx)] === 0) px = nx; if (Map[Math.floor(ny)][Math.floor(px)] === 0) py = ny; } if (btn('ArrowDown')) { const nx = px - Math.cos(pa) * Constants.MoveSpeed; const ny = py - Math.sin(pa) * Constants.MoveSpeed; if (Map[Math.floor(py)][Math.floor(nx)] === 0) px = nx; if (Map[Math.floor(ny)][Math.floor(px)] === 0) py = ny; } for (const m of monsters) { if (m.hitCooldown > 0) m.hitCooldown--; const los = hasLineOfSight(m.x, m.y, px, py); if (los) { if (!m.seenPlayer) { m.seenPlayer = true; sfx('clunk'); } m.chasing = true; m.path = []; } else if (m.chasing) { m.pathAge++; if (m.path.length === 0 || m.pathAge >= 30) { m.path = bfs(m.x, m.y, px, py); m.pathAge = 0; } } let targetX = null; let targetY = null; if (los) { targetX = px; targetY = py; } else if (m.path.length > 0) { targetX = m.path[0].x; targetY = m.path[0].y; const ddx = targetX - m.x; const ddy = targetY - m.y; if (Math.sqrt(ddx * ddx + ddy * ddy) < 0.2) m.path.shift(); } if (targetX === null) continue; const dx = targetX - m.x; const dy = targetY - m.y; const dist = Math.sqrt(dx * dx + dy * dy); if (dist < 0.4 && los && m.hitCooldown <= 0) { takeDamage(m.x, m.y); m.dead = true; continue; } if (dist > 0.1) { const nx = m.x + (dx / dist) * Constants.EnemySpeed; const ny = m.y + (dy / dist) * Constants.EnemySpeed; if (Map[Math.floor(m.y)][Math.floor(nx)] === 0) m.x = nx; if (Map[Math.floor(ny)][Math.floor(m.x)] === 0) m.y = ny; } } monsters = monsters.filter(m => !m.dead); } function draw() { creset(); cls(0); if (shakeTimer > 0) { camera((rnd(2) - 1) * 2, (rnd(2) - 1) * 2); shakeTimer--; } const dirX = Math.cos(pa); const dirY = Math.sin(pa); const planeX = -dirY * Constants.Fov; const planeY = dirX * Constants.Fov; const zBuffer = new Array(viewW); for (let x = 0; x < viewW; x++) { const cameraX = (2 * x) / viewW - 1; const rdx = dirX + planeX * cameraX; const rdy = dirY + planeY * cameraX; let mapX = Math.floor(px); let mapY = Math.floor(py); const deltaDistX = Math.abs(rdx) < 1e-10 ? 1e30 : Math.abs(1 / rdx); const deltaDistY = Math.abs(rdy) < 1e-10 ? 1e30 : Math.abs(1 / rdy); let stepX, stepY, sideDistX, sideDistY; if (rdx < 0) { stepX = -1; sideDistX = (px - mapX) * deltaDistX; } else { stepX = 1; sideDistX = (mapX + 1 - px) * deltaDistX; } if (rdy < 0) { stepY = -1; sideDistY = (py - mapY) * deltaDistY; } else { stepY = 1; sideDistY = (mapY + 1 - py) * deltaDistY; } let side; while (true) { if (sideDistX < sideDistY) { sideDistX += deltaDistX; mapX += stepX; side = 0; } else { sideDistY += deltaDistY; mapY += stepY; side = 1; } if (Map[mapY]?.[mapX] === 1) break; } const perpDist = side === 0 ? sideDistX - deltaDistX : sideDistY - deltaDistY; zBuffer[x] = perpDist; const colOffset = Math.abs(x - viewW / 2) / (viewW / 2); const torchReduce = Constants.TorchStrength * (1 - colOffset * colOffset); const fogFactor = fogAmount(Math.max(0, perpDist - torchReduce)); const stripeH = Math.floor(viewH / perpDist); const drawStart = Math.max(0, Math.floor(halfH - stripeH / 2)); const drawEnd = Math.min(viewH, Math.floor(halfH + stripeH / 2)); let wallHit = side === 0 ? py + perpDist * rdy : px + perpDist * rdx; wallHit -= Math.floor(wallHit); const tx = Math.floor(wallHit * 16); const texStep = 16 / stripeH; let texPos = (drawStart - halfH + stripeH / 2) * texStep; for (let sy = drawStart; sy < drawEnd; sy++) { const ty = Math.min(15, Math.floor(texPos)); texPos += texStep; let color = sprites.wall[ty * 16 + tx]; color = applyFog(color, fogFactor, x, sy); pset(x, sy, color); } } // Monster billboards — sorted farthest-first for correct overdraw const invDet = 1 / (planeX * dirY - dirX * planeY); const sorted = monsters .map((m, i) => ({ i, d2: (m.x - px) * (m.x - px) + (m.y - py) * (m.y - py) })) .sort((a, b) => b.d2 - a.d2); for (const { i } of sorted) { const m = monsters[i]; const relX = m.x - px; const relY = m.y - py; const transformX = invDet * (dirY * relX - dirX * relY); const transformY = invDet * (-planeY * relX + planeX * relY); if (transformY <= 0) continue; const screenX = Math.floor((viewW / 2) * (1 + transformX / transformY)); const sprH = Math.floor(viewH / transformY); const sprW = sprH; const drawStartY = Math.max(0, Math.floor(halfH - sprH / 2)); const drawEndY = Math.min(viewH, Math.floor(halfH + sprH / 2)); const drawStartX = Math.max(0, Math.floor(screenX - sprW / 2)); const drawEndX = Math.min(viewW, Math.floor(screenX + sprW / 2)); const colOffset = Math.abs(screenX - viewW / 2) / (viewW / 2); const torchReduce = Constants.TorchStrength * (1 - colOffset * colOffset); const fogFactor = fogAmount(Math.max(0, transformY - torchReduce)); for (let stripe = drawStartX; stripe < drawEndX; stripe++) { if (transformY >= zBuffer[stripe]) continue; const tx = Math.floor(((stripe - (screenX - sprW / 2)) * 8) / sprW); for (let sy = drawStartY; sy < drawEndY; sy++) { const ty = Math.floor(((sy - (halfH - sprH / 2)) * 8) / sprH); let color = sprites.monster[ty * 8 + tx]; if (color < 0) continue; color = applyFog(color, fogFactor, stripe, sy); pset(stripe, sy, color); } } } // Radial vignette for (let sy = 0; sy < viewH; sy++) { const cy = (sy - halfH) / halfH; const cy2 = cy * cy; for (let sx = 0; sx < viewW; sx++) { const cx = (sx - viewW / 2) / (viewW / 2); const r2 = cx * cx + cy2; const vignette = Math.min(1, Math.max(0, (r2 - 0.4) / 0.6)); if (vignette > Bayer[(sy % 4) * 4 + (sx % 4)]) pset(sx, sy, 0); } } // Red flash if (flashTimer > 0) { const intensity = flashTimer / 12; for (let fy = 0; fy < viewH; fy++) { for (let fx = 0; fx < viewW; fx++) { if (intensity > Bayer[(fy % 4) * 4 + (fx % 4)]) pset(fx, fy, 8); } } flashTimer--; } creset(); // Health HUD for (let i = 0; i < Constants.PlayerMaxHealth; i++) { rectfill(4 + i * 8, 4, 9 + i * 8, 9, health[i] ? 8 : 5); } if (isDead()) { caption('YOU DIED', 44, 64, 8); } else { caption('arrow keys to move', 2, 120, 7); } } start({ sprites, sounds, update, draw, target }); });

Editing: Atmospheric Horror FPS: Monsters & Dread

Recent Edits

Plugins