Ludo-Sjdl/thedevilbox
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

grand ecran regler

Browse Source
This commit is contained in:
thedevilbox
2025-12-02 19:06:36 +01:00
parent e65d165acd
commit 58ed4774ba
3 changed files with 222 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
index.html
View File

@ -38,20 +38,21 @@
<div class="game-header">
<button class="back-btn" id="backToMenuBtn">← Menu</button>
<h2>OULVIC</h2>
<button class="fullscreen-btn" id="fullscreenBtn" title="Plein écran">⛶ Plein écran</button>
</div>
<div class="user-input-section">
<label for="username">Nom d'utilisateur:</label>
<input type="text" id="username" placeholder="Entrez votre nom" maxlength="15">
<div class="user-input-section">
<label for="username">Nom d'utilisateur:</label>
<input type="text" id="username" placeholder="Entrez votre nom" maxlength="15">
<button id="confirmUsernameBtn" class="confirm-btn">✓ Confirmer</button>
</div>
<div class="game-info">
<div class="score">Score: <span id="score">0</span></div>
<div class="level">Niveau: <span id="level">1</span></div>
<div class="lives">Vies: <span id="lives"><span class="heart">♥</span><span class="heart">♥</span><span class="heart">♥</span></span></div>
</div>
<div class="game-info">
<div class="score">Score: <span id="score">0</span></div>
<div class="level">Niveau: <span id="level">1</span></div>
<div class="lives">Vies: <span id="lives"><span class="heart">♥</span><span class="heart">♥</span><span class="heart">♥</span></span></div>
<div class="dots-remaining">Pastilles: <span id="dotsRemaining">0</span></div>
<div class="combo-display" id="comboDisplay" style="display: none;">Combo x<span id="comboValue">1</span></div>
<div class="status" id="status">Prêt à jouer</div>
</div>
<div class="status" id="status">Prêt à jouer</div>
</div>
<div class="power-ups-display" id="powerUpsDisplay">
<div class="power-up-item" id="speedBoostIndicator" style="display: none;">⚡ Vitesse</div>
<div class="power-up-item" id="shieldIndicator" style="display: none;">🛡 Bouclier</div>
@ -63,7 +64,7 @@
<div class="pursuit-indicator" id="pursuitIndicator" style="display: none;">
<span class="pursuit-text">👻 Poursuite active: <span id="pursuitTimer">0</span>s</span>
</div>
<canvas id="gameCanvas" width="600" height="600"></canvas>
<canvas id="gameCanvas" width="750" height="750"></canvas>
<!-- Contrôles tactiles mobile -->
<div class="mobile-controls" id="mobileControls">
@ -75,8 +76,8 @@
<button class="ctrl-btn" data-dir="2">▼</button>
</div>
<div class="instructions">
<p>Utilisez les flèches directionnelles pour déplacer Oulvic</p>
<div class="instructions">
<p>Utilisez les flèches directionnelles pour déplacer Oulvic</p>
<button id="restartBtn" style="display: none;">REJOUER</button>
</div>
@ -97,20 +98,20 @@
<h3>🏆 Classement</h3>
</div>
<div id="gameLeaderboardContent" class="game-leaderboard-content"></div>
</div>
</div>
<!-- CLASSEMENT (caché par défaut) -->
<div class="leaderboard-container" id="leaderboardContainer" style="display: none;">
<div class="leaderboard-header">
<h2>Classement</h2>
<h2>Classement</h2>
<button class="close-leaderboard-btn" id="closeLeaderboardBtn">✕</button>
</div>
<div id="leaderboard"></div>
</div>
<div id="leaderboard"></div>
</div>
<footer>
<p>By Ludo and Syoul</p>
</footer>
</div>
<footer>
<p>By Ludo and Syoul</p>
</footer>
</div>
<!-- MODAL CLASSEMENT (pour le menu) -->