Caesar Prototype

Your browser lacks required capabilities. Please upgrade it or switch to another to continue.

Loading…

<div class="attract-screen"> <h1 class="attract-title">RÖR SKÄRMEN FÖR ATT STARTA</h1> </div>

<div class="placement-screen">  <<buildHeader "\ Avkryptera Texten" "\ --:--">>  <main class="placement-body"> <div class="placement-header"> <p class="placement-subtitle">Vrid hjulet eller använd piltangenterna</p> </div>  <div id="cipher-display"></div>  <div class="wheel-display">  <div class="wheel-display-item" data-id="0">Ä</div> <div class="wheel-display-item" data-id="1">Ö</div> <div class="wheel-display-item" data-id="2">␣</div> <div class="wheel-display-item" data-id="3">A</div> <div class="wheel-display-item" data-id="4">B</div> <div class="wheel-display-item" data-id="5">C</div> <div class="wheel-display-item" data-id="6">D</div>  <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div>  <div class="wheel-display-item">Ä</div> <div class="wheel-display-item">Ö</div> <div class="wheel-display-item">␣</div> <div class="wheel-display-item">A</div> <div class="wheel-display-item">B</div> <div class="wheel-display-item">C</div> <div class="wheel-display-item">D</div> </div>  <nav class="placement-actions"> [[Fortsätt -> Settings]] </nav> </main> </div>

<div class="placement-screen">  <<buildHeader "\ Välj spelläge" "\ --:--">> <main class="placement-body"> <div class="placement-header"> <h1 class="placement-title">Välj Spelarläge</h1> <p class="placement-subtitle">Spela mot datorn eller utmana station 2</p> </div> <div class="settings-divider"> <button class="settings-button" id="btn-singleplayer"> Enspelarläge </button> <button class="settings-button" id="btn-multiplayer"> Flerspelarläge </button> </div>  <div id="mp-status" class="placement-subtitle" style="display: none; margin-top: 16px;"> Väntar på att den andra spelaren ska ansluta... </div> </main> </div> [[Tillbaka ->Caesar]] [[Fortsätt -> Place-boats]]

<div class="placement-screen">   <<buildHeader "\ Placeringsfas" "timer">>  <main class="placement-body"> <div class="placement-header"> <h1 class="placement-title">Placera Båtarna</h1> <p class="placement-subtitle">Välj 6 rutor för din flotta innan striden börjar</p> </div>  <<buildBoard "grid-board-player" "player-board" "player">>  <nav class="placement-actions"> [[Tillbaka ->Caesar]] [[Fortsätt -> Boats]] </nav> </main> </div>

<div class="kiosk-screen">   <<buildHeader "\ Svårighetsgrad" "timer">>  <section class="zone-boards"> <div class="board-wrapper"> <h2 class="board-title">Fiendens Spelplan</h2>  <<buildBoard "grid-board-enemy" "enemy-board" "enemy">> </div> <div class="board-wrapper"> <h2 class="board-title">Spelarens Spelplan</h2> <div class="player-board-divider">  <<buildBoard "grid-board-player" "player-board" "player">> <div class="legend">  <div class="legend-item"></div> <div class="legend-item-text">Okänd ruta</div>  <div class="legend-item ship"></div> <div class="legend-item-text">Båt</div>  <div class="legend-item hit"></div> <div class="legend-item-text">Träff!</div>  <div class="legend-item miss"></div> <div class="legend-item-text">Miss!</div> </div> </div> </div> </section>  <aside class="zone-crypto"> <div class="crypto-panel"> <h2 class="board-title">Inkommande Signal</h2> <div id="boat-cipher-display">Här kommer texten som motståndaren skickar att visas. Den kommer att behöva avkrypteras!</div> </div> <h2 class="board-title">Caesar-Chiffer</h2> <div id="caesar-panel" class="crypto-panel"> <div class="panel-header"> <span class="caesar-subtitle">Vrid hjulet eller använd piltangenterna</span> </div>  <div class="wheel-display"> <div class="wheel-display-item" data-id="0">Ä</div> <div class="wheel-display-item" data-id="1">Ö</div> <div class="wheel-display-item" data-id="2">␣</div> <div class="wheel-display-item" data-id="3">A</div> <div class="wheel-display-item" data-id="4">B</div> <div class="wheel-display-item" data-id="5">C</div> <div class="wheel-display-item" data-id="6">D</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-arrow">↑</div> <div class="wheel-display-item">Ä</div> <div class="wheel-display-item">Ö</div> <div class="wheel-display-item">␣</div> <div class="wheel-display-item">A</div> <div class="wheel-display-item">B</div> <div class="wheel-display-item">C</div> <div class="wheel-display-item">D</div> </div> </div> </aside>

[[Tillbaka till start -> Start]]

<<widget "buildBoard">> <<set _gridBoard = $args[0]>> <<set _boardId = $args[1]>> <<set _boardType = $args[2]>> <<set _html = '<div class="' + _gridBoard + '" id="' + _boardId + '" data-board="' + _boardType + '"><div class="grid-corner"></div>'>> <<for _c = 0; _c < 6; _c++>> <<set _html += '<div class="grid-label">' + String.fromCharCode(85 + _c) + '</div>'>> <</for>> <<for _r = 0; _r < 6; _r++>> <<set _html += '<div class="grid-label">' + String.fromCharCode(65 + _r) + '</div>'>> <<for _c = 0; _c < 6; _c++>> <<set _name = String.fromCharCode(65 + _r) + String.fromCharCode(85 + _c)>> <<set _html += '<div class="grid-item" data-row="' + _r + '" data-col="' + _c + '" data-name="' + _name + '"></div>'>> <</for>> <</for>> <<set _html += '</div>'>> <<print _html>> <</widget>>  <<widget "buildHeader">> <<set _statusIndicator = $args[0]>> <<set _missionTimer = $args[1]>> <<set _html = '<header class="zone-header">' + '<div class="header-grid">' + '<div class="status-indicator">' + _statusIndicator + '</div>' + '<div class="mission-timer" id="' + _missionTimer + '">' + _missionTimer + '</div>' + '<div class="reset-button" onclick="sessionStorage.clear(); window.location.href = window.location.pathname;">Tillbaka till start</div>' + '</div>' + '</header>' >> <<print _html>> <</widget>>