mirror of
https://github.com/resendecode/nuitdelinfo.git
synced 2026-05-16 17:21:55 +00:00
JusDeChâtaigne
63 lines
2.6 KiB
HTML
63 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" type="text/css" href="./style/styleDDR.css">
|
|
<link href="https://fonts.googleapis.com/css?family=Monoton" rel="stylesheet">
|
|
<link rel="shortcut icon" type="image/x-icon" href="./assets/favicon.ico" />
|
|
<title>Green Green Revolution</title>
|
|
</head>
|
|
<body>
|
|
<span id="modalOverlay">
|
|
<div id="startGameModal" class="modalMessage">
|
|
<h3>Green Green Revolution !</h3>
|
|
<p>Ce jeu est une reproduction du classique DDR.</p>
|
|
<p>Utiliser les touches directionnelles ou D, F, J et K pour jouer. Vous pouvez aussi pause/resume, restart, et mute/unmute la musique en cliquant sur les icônes à droite du canvas.</p>
|
|
<button id="redirectButton">Continuer</button>
|
|
</div>
|
|
<div id="endGameModal" class="modalMessage">
|
|
<h3>Merci d'avoir jouer !</h3>
|
|
<button id="playAgainButton">Rejouer</button>
|
|
</div>
|
|
</span>
|
|
|
|
<div class="title">Green Green Revolution</div>
|
|
<section class="canvasArea">
|
|
<div class="links">
|
|
<a href="https://github.com/joniboy74prog/nuitdelinfo"><img src="./assets/github.png"></a>
|
|
</div>
|
|
<div class="controls">
|
|
<img id="muteIcon" src="./assets/sound.png">
|
|
<img id="pauseIcon" src="./assets/pause.png">
|
|
<img id="restartIcon" src="./assets/restart.png">
|
|
</div>
|
|
<div id="score">Score: 0</div>
|
|
<div class="combo">
|
|
<p id="comboCount"></p>
|
|
<span id="comboText">combo</span>
|
|
</div>
|
|
<canvas id="ttrCanvas" width="450" height="680"></canvas>
|
|
</section>
|
|
<div id="directions">
|
|
<h4>Comment jouer</h4>
|
|
<ul>
|
|
<li>Utiliser les touches directionnelles ou D, F, J et K pour jouer.</li>
|
|
<li>Essayer d'appuyer sur les bonnes touches lorsque les flèches bougeantes chevauchent les flèches statiques.</li>
|
|
<li>Un compteur montre le combo actuel.</li>
|
|
<li>Plus le combo est haut, plus vous obtiendez de points !</li>
|
|
</ul>
|
|
<button id="playButton">Jouer</button>
|
|
</div>
|
|
<div class="arrowImages">
|
|
<img id="left" src="./assets/staticLeft.png">
|
|
<img id="down" src="./assets/staticDown.png">
|
|
<img id="up" src="./assets/staticUp.png">
|
|
<img id="right" src="./assets/staticRight.png">
|
|
</div>
|
|
<audio id="mainSong" src="./assets/electroSportRock.mp3"></audio>
|
|
<audio id="endApplause" src="./assets/applause.mp3"></audio>
|
|
</body>
|
|
<script src="./src/arrowSprites.js" type="text/javascript"></script>
|
|
<script src="./src/scriptDDR.js" type="text/javascript"></script>
|
|
</html>
|