Advance hunting game offline's game

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

No:15234

←

Prev Next

→

Advance hunting game offline
Developer User6621｜Date and time 23/9/7 23:31:03
Build time 33.35 sec｜Game capacity 2.33KB｜

Script

To play the game, open the HTML file in a web browser, and you'll see a canvas with a red target. Your objective is to click on the target to increase your score. The target will move to a new random position each time you successfully hit it. The current score is displayed on the top left corner of the canvas. Note: This game is a very basic implementation, and you can enhance it further with more features, graphics, and animations as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Hunting Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize the game
      function init() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");
        score = 0;

// Place the initial target randomly
        targetX = Math.floor(Math.random() * canvas.width);
        targetY = Math.floor(Math.random() * canvas.height);

// Start the game loop
        setInterval(update, 1000);
      }

// Game loop
      function update() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw target
        ctx.fillStyle = "red";
        ctx.fillRect(targetX, targetY, 50, 50);

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

// Handle user input
      function handleClick(e) {
        var rect = canvas.getBoundingClientRect();
        var clickX = e.clientX - rect.left;
        var clickY = e.clientY - rect.top;

// Check if the click is on the target
        if (clickX >= targetX && clickX <= targetX + 50 &&
            clickY >= targetY && clickY <= targetY + 50) {
          // Increase score and move target to a new position
          score++;
          targetX = Math.floor(Math.random() * canvas.width);
          targetY = Math.floor(Math.random() * canvas.height);
        }
      }

// Register click event listener
      canvas.addEventListener("click", handleClick);

// Start the game
      init();
    })();
  </script>
</body>
</html>
```

Note: This game is a very basic implementation, and you can enhance it further with more features, graphics, and animations as per your requirements.