engine.scope(({ start, cls, rectfill, pset, line, btn, caption, base }) => { const { Map, WallTexture, Darken, Constants, fogAmount, applyFog } = base(); const sprites = { wall: WallTexture }; let px = Constants.SpawnX; let py = Constants.SpawnY; let pa = 0; const viewW = 128; const viewH = 128; function update() { 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; } } function draw() { cls(0); const halfH = viewH / 2; for (let sy = 0; sy < viewH; sy++) { const distFromHorizon = Math.abs(sy - halfH); const floorFog = 1 - distFromHorizon / halfH; const baseColor = sy < halfH ? 1 : 5; for (let sx = 0; sx < viewW; sx++) { pset(sx, sy, applyFog(baseColor, floorFog, sx, sy)); } } const dirX = Math.cos(pa); const dirY = Math.sin(pa); const planeX = -dirY * Constants.Fov; const planeY = dirX * Constants.Fov; 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; const fogFactor = fogAmount(perpDist); const stripeH = Math.floor(viewH / perpDist); const drawStart = Math.max( 0, Math.floor(viewH / 2 - stripeH / 2), ); const drawEnd = Math.min( viewH, Math.floor(viewH / 2 + stripeH / 2), ); let wallHit; if (side === 0) { wallHit = py + perpDist * rdy; } else { wallHit = px + perpDist * rdx; } wallHit -= Math.floor(wallHit); const tx = Math.floor(wallHit * 8); const texStep = 8 / stripeH; let texPos = (drawStart - viewH / 2 + stripeH / 2) * texStep; for (let sy = drawStart; sy < drawEnd; sy++) { const ty = Math.min(7, Math.floor(texPos)); texPos += texStep; let color = sprites.wall[ty * 8 + tx]; if (color < 0) continue; if (side === 0) { color = Darken[color]; } color = applyFog(color, fogFactor, x, sy); pset(x, sy, color); } } for (let y = 0; y < Constants.MapSize; y++) { for (let x = 0; x < Constants.MapSize; x++) { const color = Map[y][x] === 1 ? 5 : 6; rectfill( Constants.MmX + x * Constants.Cell, Constants.MmY + y * Constants.Cell, Constants.MmX + (x + 1) * Constants.Cell, Constants.MmY + (y + 1) * Constants.Cell, color, ); } } const dirX2 = Math.cos(pa); const dirY2 = Math.sin(pa); const planeX2 = -dirY2 * Constants.Fov; const planeY2 = dirX2 * Constants.Fov; for (let x = 0; x < viewW; x += 8) { const cameraX = (2 * x) / viewW - 1; const rdx = dirX2 + planeX2 * cameraX; const rdy = dirY2 + planeY2 * cameraX; let mX = Math.floor(px); let mY = Math.floor(py); 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 sX, sY, sdx, sdy; if (rdx < 0) { sX = -1; sdx = (px - mX) * ddx; } else { sX = 1; sdx = (mX + 1 - px) * ddx; } if (rdy < 0) { sY = -1; sdy = (py - mY) * ddy; } else { sY = 1; sdy = (mY + 1 - py) * ddy; } let sd; while (true) { if (sdx < sdy) { sdx += ddx; mX += sX; sd = 0; } else { sdy += ddy; mY += sY; sd = 1; } if (Map[mY]?.[mX] === 1) break; } const pd = sd === 0 ? sdx - ddx : sdy - ddy; const hx = px + rdx * pd; const hy = py + rdy * pd; line( Constants.MmX + Math.floor(px * Constants.Cell), Constants.MmY + Math.floor(py * Constants.Cell), Constants.MmX + Math.floor(hx * Constants.Cell), Constants.MmY + Math.floor(hy * Constants.Cell), 10, ); } rectfill( Constants.MmX + Math.floor(px * Constants.Cell) - 1, Constants.MmY + Math.floor(py * Constants.Cell) - 1, Constants.MmX + Math.floor(px * Constants.Cell) + 2, Constants.MmY + Math.floor(py * Constants.Cell) + 2, 8, ); line( Constants.MmX + Math.floor(px * Constants.Cell), Constants.MmY + Math.floor(py * Constants.Cell), Constants.MmX + Math.floor(px * Constants.Cell + Math.cos(pa) * 4), Constants.MmY + Math.floor(py * Constants.Cell + Math.sin(pa) * 4), 8, ); caption('smooth fog via dithering', 2, 2, 7); } start({ sprites, sounds: {}, update, draw, target }); });

Editando: Fog & Lighting: Dithered Fog

Ediciones recientes

Plugins