90 lines
3.5 KiB
HTML
90 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="sk">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SuperJozino</title>
|
|
<link rel="stylesheet" href="css/superjozino.css">
|
|
</head>
|
|
<body>
|
|
<a href="index.html" class="back-button">←</a>
|
|
<div class="game-container">
|
|
<canvas id="gameCanvas" width="800" height="800"></canvas>
|
|
<div id="debugPanel" class="debug-panel">
|
|
<button id="toggleDebug">Debug Mode: OFF</button>
|
|
<div id="debugInfo"></div>
|
|
</div>
|
|
|
|
<!-- VIRTUAL JOYSTICK PRE MOBILY -->
|
|
<!-- Akčné tlačidlo (JUMP) - vľavo -->
|
|
<div class="action-controls">
|
|
<button class="action-button" id="jumpButton" aria-label="Skok">
|
|
↑
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Virtual Joystick - vpravo -->
|
|
<div class="joystick-controls">
|
|
<div class="virtual-joystick" id="virtualJoystick">
|
|
<div class="joystick-base"></div>
|
|
<div class="joystick-knob" id="joystickKnob"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- POSLUCHOVÉ CVIČENIE MODAL - pred closing </body> tag -->
|
|
<div id="zvuky" style="display: none;">
|
|
<div class="info-dialog listening-exercise-dialog">
|
|
<div class="dialog-header">
|
|
<h2>Posluchové cvičenie</h2>
|
|
<div class="progress-indicator">
|
|
<span id="listening-progress">1/2</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dialog-content">
|
|
<div class="listening-info">
|
|
<p class="instruction-text">Počúvaj pozorne oba zvuky a rozhodní, či sú <strong>rovnaké</strong> alebo <strong>rôzne</strong>.</p>
|
|
</div>
|
|
|
|
<div class="attempts-display">
|
|
Pokus: <span id="listening-attempts">1/3</span>
|
|
</div>
|
|
|
|
<div class="sound-buttons-container">
|
|
<button class="sound-play-btn" id="playSound1">
|
|
<img src="images/speaker-icon.png" alt="Zvuk 1">
|
|
<span>Zvuk 1</span>
|
|
</button>
|
|
<button class="sound-play-btn" id="playSound2">
|
|
<img src="images/speaker-icon.png" alt="Zvuk 2">
|
|
<span>Zvuk 2</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="listening-buttons-container">
|
|
<button class="listening-btn listening-btn-same" id="sameButton">
|
|
<img src="images/check-icon.png" alt="Rovnaké">
|
|
<span>Rovnaké</span>
|
|
</button>
|
|
<button class="listening-btn listening-btn-different" id="differentButton">
|
|
<img src="images/cross-icon.png" alt="Rôzne">
|
|
<span>Rôzne</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="listening-result" id="listeningResult">
|
|
<div class="result-container"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="blur-background" style="display: none;"></div>
|
|
|
|
<script src="js/superjozino/joystick.js"></script>
|
|
<script src="js/superjozino/game.js"></script>
|
|
<script src="js/superjozino/levels.js"></script>
|
|
</body>
|
|
</html> |