<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Jeu Laser</title>
    <link rel="stylesheet" href="jeu.css" />
  </head>
  <body>
    <h1>Jeu laser</h1>

    <p class="intro">
      Bienvenue dans le jeu laser !<br />
      Le jeu laser est un jeu de réflexes dans lequel il faut viser des
      obstacles avec un laser.
    </p>

    <div id="plateau">
      <!-- Vaisseau spatial -->
      <div class="vaisseau"></div>

      <!-- Obstacles -->
      <div class="obstacle"></div>
      <div class="obstacle"></div>
      <div class="obstacle"></div>
      <div class="obstacle"></div>
    </div>

    <p class="aide">
      Appuyez sur la barre <kbd>Espace</kbd> pour tirer un rayon laser.
      <br />
      Utilisez les flèches <kbd>←</kbd> et <kbd>→</kbd> pour vous déplacer.
    </p>

    <!-- Le son du tir et de l'explosion -->
    <audio id="tir" src="media/tir.wav"></audio>
    <audio id="explosion" src="media/cri.wav"></audio>

    <!-- Script pour le jeu -->
    <script src="jeu.js"></script>
  </body>
</html>