Fire in the hole gamecreate checkers's game

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

No:45040

←

Prev Next

→

Fire in the hole gamecreate checkers
Developer User4781｜Date and time 24/2/20 2:59:34
Build time 6.976 sec｜Game capacity 1.365KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Fire in the Hole Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");

// Display game instructions
      alert("Fire in the Hole! Try to hit the target by launching the bomb.");

// Define target and bomb positions
      let targetX = 200;
      let targetY = 50;
      let bombX = 200;
      let bombY = 400;

// Draw target and bomb pictograms
      function drawTarget() {
        ctx.fillStyle = "green";
        ctx.fillRect(targetX - 10, targetY - 10, 20, 20);
      }
      
      function drawBomb() {
        ctx.fillStyle = "red";
        ctx.fillRect(bombX - 5, bombY - 5, 10, 10);
      }

// Move bomb on screen
      function moveBomb(y) {
        bombY -= y;
        if (bombY <= targetY) {
          alert("Target hit! You win!");
        }
      }

// Redraw canvas
      function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawTarget();
        drawBomb();
      }

// Launch bomb when user taps the screen
      canvas.addEventListener("click", function(event) {
        moveBomb(5);
        draw();
      });

// Start game
      draw();
    </script>
  </body>
</html>