You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
2.1 KiB
60 lines
2.1 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Template Jeu</title>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="jeu.css"/>
|
|
<script src="Sprite.js"></script>
|
|
<script src="Joueur.js"></script>
|
|
<script src="Objet.js"></script>
|
|
<script src="Regles.js"></script>
|
|
<script src="Scene.js"></script>
|
|
<script src="Jeu.js"></script>
|
|
<!-- Inclure ici les fichiers JavaScript necessaires a la scene. -->
|
|
<script>
|
|
let scene;
|
|
|
|
function load() {
|
|
scene = new Jeu(document.getElementById("scene"));
|
|
scene.start();
|
|
scene.resize();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="load()" onresize="scene.resize()">
|
|
|
|
<div class="audios">
|
|
<audio src="sfx/ouvrirMenu.wav" id="ouvertureMenu"></audio>
|
|
<audio src="sfx/fermerMenu.wav" id="fermetureMenu"></audio>
|
|
</div>
|
|
|
|
<div id="scene">
|
|
<!-- Definir ici les elements HTML qui seront manipules dans la scene. -->
|
|
<div id="jeu"></div>
|
|
<img src="img/menu_regles.png" width="75" height="75" alt="Menu des règles" id="menu">
|
|
<div id="regles">
|
|
<img style="justify-self: center;" src="img/logo.png" width="165" height="150" alt="Logo rond de joe" id="logo">
|
|
<img src="img/fermer.png" width="50" height="50" alt="bouton fermer" id="fermer">
|
|
<h2 style="text-align: center;">Bienvenue dans le jardin de Joe !</h2>
|
|
<p>Devenez le jardinier le plus rapide en rammassant le plus de vos récoltes dans un temps imparti !</p>
|
|
|
|
<h2 style="text-align: center;">Aides</h2>
|
|
<p>Dans ce petit jeu, vous avez 1 minute et 30 secondes<br> pour rammassez des fruits, des légumes ou des plantes !<br>
|
|
Soyez rapide sinon ils disparaîtront, vous pourriez même tomber sur de mauvaises surprises...</p>
|
|
|
|
<h3><i>Déplacement<i></h3>
|
|
<ul>
|
|
<li>⇧ : Se diriger vers le haut</li>
|
|
<li>⇨ : Se diriger vers la droite</li>
|
|
<li>⇦ : Se diriger vers la gauche</li>
|
|
<li>⇩ : Se dirigier vers le bas</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<!-- Le code ci-dessous permet affiche un bouton pour le plein ecran -->
|
|
<!-- <div id="fullscreen" onmousedown="scene.toggleFullscreen(event);">F</div> -->
|
|
</div>
|
|
</body>
|
|
</html>
|