AI game creator

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

No:24835

←

Prev Next

→

SNIPER GAME 3D
Developer User10038｜Date and time 23/11/13 0:22:33
Build time 42.083 sec｜Game capacity 2.11KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Sniper Game 3D</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Game variables
      var canvas;
      var canvasContext;
      var targetX = 200;
      var targetY = 200;

window.onload = function() {
        // Load pictogram images
        sniperImage = new Image();
        sniperImage.src = "sniper.png";

targetImage = new Image();
        targetImage.src = "target.png";

// Get reference to canvas
        canvas = document.getElementById("gameCanvas");
        canvasContext = canvas.getContext("2d");

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

function update() {
        // Clear canvas
        canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw target
        canvasContext.drawImage(
          targetImage,
          targetX - targetImage.width / 2,
          targetY - targetImage.height / 2
        );

// Draw sniper
        canvasContext.drawImage(
          sniperImage,
          canvas.width / 2 - sniperImage.width / 2,
          canvas.height - sniperImage.height
        );

// Handle touch/mouse input
        canvas.addEventListener("click", shoot);
      }

function shoot(event) {
        var mouseX = event.clientX - canvas.getBoundingClientRect().left;
        var mouseY = event.clientY - canvas.getBoundingClientRect().top;

// Check if target is hit
        if (
          mouseX >= targetX - targetImage.width / 2 &&
          mouseX <= targetX + targetImage.width / 2 &&
          mouseY >= targetY - targetImage.height / 2 &&
          mouseY <= targetY + targetImage.height / 2
        ) {
          // Target hit, game over
          window.alert("Alvo atingido! Você venceu o jogo.");
          canvas.removeEventListener("click", shoot);
        }
      }
    </script>
  </body>
</html>