AI game creator

Click here for free DL of the app version that can save data.

No:38137

←

Prev Next

→

Gun
Developer User16596｜Date and time 24/1/22 23:33:15
Build time 13.507 sec｜Game capacity 2.499KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>Jeu de tir</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
    .start-btn {
      padding: 10px 20px;
      font-size: 18px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <p>
    <button id="startBtn" class="start-btn">Commencer</button>
  </p>
  <script>
    // Initialisation des variables
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

var targetX, targetY, score;

// Fonction pour dessiner le jeu
    function drawGame() {
      // Effacer le canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dessiner la cible
      ctx.fillStyle = "red";
      ctx.fillRect(targetX, targetY, 40, 40);

// Afficher le score
      ctx.fillStyle = "black";
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 10, 30);
    }

// Fonction pour démarrer le jeu
    function startGame() {
      // Réinitialiser les valeurs
      targetX = canvas.width / 2 - 20;
      targetY = canvas.height / 2 - 20;
      score = 0;

// Démarrer l'écouteur d'événements pour le clic
      canvas.addEventListener("click", handleClick);

// Démarrer la boucle de jeu
      gameLoop();
    }

// Fonction pour gérer le clic sur la cible
    function handleClick(event) {
      var rect = canvas.getBoundingClientRect();
      var clickX = event.clientX - rect.left;
      var clickY = event.clientY - rect.top;

// Vérifier si le clic est sur la cible
      if (clickX >= targetX && clickX <= (targetX + 40) &&
          clickY >= targetY && clickY <= (targetY + 40)) {
        score++; // Incrémenter le score
      }
    }

// Fonction pour gérer la boucle de jeu
    function gameLoop() {
      drawGame();

// Déplacer la cible aléatoirement
      targetX = Math.floor(Math.random() * (canvas.width - 40));
      targetY = Math.floor(Math.random() * (canvas.height - 40));

// Attendre 1 seconde avant de redessiner le jeu
      setTimeout(gameLoop, 1000);
    }

// Ajouter un écouteur d'événement pour le bouton de démarrage
    document.getElementById("startBtn").addEventListener("click", startGame);
  </script>
</body>
</html>