56 lines
1.6 KiB
PHP
56 lines
1.6 KiB
PHP
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
<title>Zombies</title>
|
|
@vite(['resources/css/game.css', 'resources/js/main.js'])
|
|
</head>
|
|
<body>
|
|
<canvas id="game"></canvas>
|
|
<button type="button" id="fullscreen">Fullscreen</button>
|
|
|
|
<div id="lobby">
|
|
<div id="lobby-panel">
|
|
<h1>ZOMBIES</h1>
|
|
<p class="sub">Co-op survival from your browser.</p>
|
|
|
|
<div id="prejoin">
|
|
<label for="name">Name</label>
|
|
<input id="name" type="text" maxlength="16" autocomplete="off" />
|
|
<div class="mode">
|
|
<button type="button" id="lobby-host">Host a Room</button>
|
|
<button type="button" id="lobby-join">Join a Room</button>
|
|
</div>
|
|
<div id="join-form" class="hidden">
|
|
<label for="room">Room code</label>
|
|
<div class="row">
|
|
<input id="room" type="text" maxlength="16" autocomplete="off" placeholder="e.g. ab7x2" />
|
|
<button type="button" id="lobby-join-confirm">Join</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="inroom">
|
|
<label>Room code</label>
|
|
<div class="room-code">
|
|
<span id="room-code"></span>
|
|
<button type="button" id="room-copy">Copy</button>
|
|
</div>
|
|
<button type="button" id="lobby-start" disabled>Start Game</button>
|
|
</div>
|
|
<div id="lobby-status"></div>
|
|
<div id="lobby-players"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="gameover">
|
|
<div id="gameover-panel">
|
|
<h2>GAME OVER</h2>
|
|
<div id="gameover-scores"></div>
|
|
<button type="button" id="gameover-again">Play Again</button>
|
|
<div id="gameover-wait"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |