- Generador procedural que crea hasta 10 salas aleatorias conectadas por puertas - Sistema de fog of war: solo se muestran salas visitadas - Puertas automáticas entre salas con detección de transición - 0-2 esqueletos aleatorios por sala - Sistema de vistas NSEW con UI de compás - 4 vistas isométricas fijas (Norte, Sur, Este, Oeste) - Zoom y paneo habilitados, rotación deshabilitada - Paredes con opacidad diferenciada (N/W opacas, S/E semi-transparentes) - Validación de movimiento: solo celdas transitables - Centrado automático de cámara al mover personaje
20 lines
704 B
HTML
20 lines
704 B
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Masmorres Isometric View</title>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<div id="compass">
|
|
<div id="compass-n" class="compass-btn active" data-direction="N">N</div>
|
|
<div id="compass-s" class="compass-btn" data-direction="S">S</div>
|
|
<div id="compass-e" class="compass-btn" data-direction="E">E</div>
|
|
<div id="compass-w" class="compass-btn" data-direction="W">W</div>
|
|
</div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|