mirror of
https://github.com/MaciejkaG/statki.git
synced 2024-11-29 22:42:56 +01:00
a027313139
- Multiple visual improvements to animation - Added ship color dimming when they sunk - Added game ending (looks and works primitvely for now) - Added socket.io client error handling and alerts - Finished and improved hit registration and client hit display To-do: - Fix timers (currently resetting the timer is global, which by mistake affects other independent lobbies, critical bug) - Post-match stats - Improve many mechanics - Improve overall quality of the game
79 lines
2.5 KiB
Handlebars
79 lines
2.5 KiB
Handlebars
<h1 class="header">Statki</h1>
|
|
<div class="container" id="mainMenuView" data-title="Statki" data-path="/">
|
|
<div>
|
|
|
|
<h2>Wybierz tryb gry</h2>
|
|
<div class="modes">
|
|
<div id="pvpMenuButton">
|
|
<h2>PvP</h2>
|
|
<p>Graj przeciwko innemu graczowi</p>
|
|
</div>
|
|
<div>
|
|
<h2 id="ai">Vs. AI</h2>
|
|
<p>Graj przeciwko komputerowi</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container" id="pvpMenuView" data-title="Statki / PvP" data-path="/pvp">
|
|
<div>
|
|
<h2>PvP</h2>
|
|
<div class="modes">
|
|
<div id="createGameButton">
|
|
<h2>Stwórz</h2>
|
|
<p>Stwórz własny pokój</p>
|
|
</div>
|
|
<div onclick="switchView('pvpJoinView')">
|
|
<h2>Dołącz</h2>
|
|
<p>Dołącz do czyjegoś pokoju poprzez kod</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container" id="pvpCreateView" data-title="Statki / PvP / Stwórz" data-path="/pvp/create">
|
|
<div>
|
|
<h2>PvP / Stwórz</h2>
|
|
<div class="modes">
|
|
<div>
|
|
<h2>Kod pokoju:</h2>
|
|
<input type="text" maxlength="6" readonly value="123456" id="createGameCode">
|
|
<h3>Oczekiwanie na gracza...</h3>
|
|
<button id="leaveGameButton">Opuść pokój</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container" id="pvpJoinView" data-title="Statki / PvP / Dołącz" data-path="/pvp/join">
|
|
<div>
|
|
<h2>PvP / Dołącz</h2>
|
|
<div class="modes">
|
|
<div>
|
|
<form action="/api/joinme" id="pvpJoinForm">
|
|
<input type="text" maxlength="6" id="pvpJoinCode" placeholder="Kod pokoju">
|
|
<input type="submit" value="Dołącz">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container" id="preparingGame" data-title="Statki / PvP / Przygotowywanie" data-path="/pvp/prepairing">
|
|
<div>
|
|
<h2>PvP / Wczytywanie</h2>
|
|
<div class="modes">
|
|
<div>
|
|
<h2>Czekaj...</h2>
|
|
<h3>Wkrótce nastąpi przekierowanie</h3>
|
|
<h3>Przeciwnik:</h3>
|
|
<h4 id="oppNameField"></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/assets/js/socket.js"></script>
|
|
<script src="/assets/js/socket-err-handler.js"></script>
|
|
<script src="/assets/js/spa_lib.js"></script> |