Create a sniper 3d shooting game's game

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

No:29757

←

Prev Next

→

Create a sniper 3d shooting game
Developer User14614｜Date and time 23/12/18 21:16:19
Build time 23.489 sec｜Game capacity 2.257KB｜

Script

Sure, here's a simple implementation of a sniper 3D shooting game using JavaScript in a single HTML file:

You can copy this code into a new HTML file and open it in a web browser to play the game. The game consists of a canvas where the player needs to click on a moving target to score points. The score is displayed at the top-left corner of the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure, here's a simple implementation of a sniper 3D shooting game using JavaScript in a single HTML file:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Sniper 3D Shooting Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>
    
    <script>
      // Game variables
      let canvas, context;
      let targetX, targetY;
      let score;

const TARGET_SIZE = 20;

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

targetX = Math.random() * (canvas.width - TARGET_SIZE);
        targetY = Math.random() * (canvas.height - TARGET_SIZE);

score = 0;

canvas.addEventListener("click", handleShot);
        setInterval(draw, 1000 / 60); // Render the game every 60 frames per second
      }

// Handle player's shot
      function handleShot(event) {
        const rect = canvas.getBoundingClientRect();
        const mouseX = event.clientX - rect.left;
        const mouseY = event.clientY - rect.top;

if (
          mouseX >= targetX &&
          mouseX <= targetX + TARGET_SIZE &&
          mouseY >= targetY &&
          mouseY <= targetY + TARGET_SIZE
        ) {
          score++;
          targetX = Math.random() * (canvas.width - TARGET_SIZE);
          targetY = Math.random() * (canvas.height - TARGET_SIZE);
        }
      }

// Render the game
      function draw() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the target
        context.fillStyle = "red";
        context.fillRect(targetX, targetY, TARGET_SIZE, TARGET_SIZE);

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

// Start the game
      window.onload = init;
    </script>
  </body>
</html>
```