final class
This commit is contained in:
178
ora12/dungeon/dungeon.html
Normal file
178
ora12/dungeon/dungeon.html
Normal file
@@ -0,0 +1,178 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user