178 lines
6.6 KiB
HTML
178 lines
6.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link rel="stylesheet" href="dungeon.css">
|
||
|
|
<title>Dungeon</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<div class="controls">
|
||
|
|
<button>Load Game</button>
|
||
|
|
<button>Save Game</button>
|
||
|
|
<button disabled>Restart</button>
|
||
|
|
<button>Quit</button>
|
||
|
|
</div>
|
||
|
|
<table class="dungeon">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor enemy1"></td>
|
||
|
|
<td class="floor object1"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor object2"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor enemy2"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor hero"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="floor"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="water"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
<td class="wall"></td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<div class="info">
|
||
|
|
<label>Score: <output id="score">10</output></label>
|
||
|
|
<label>Health: <output id="health">5</output></label>
|
||
|
|
<label>Level: <output id="level">3</output></label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="identification">
|
||
|
|
<label id="creator">Hatvani Tamás</label>
|
||
|
|
<label id="neptun">FMFJWS</label>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|