Shooting simulator game. use the arrows to move left and right. click the gun to shoot. When you see someone wearing red, k○ll it.'s game

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

No:26532

←

Prev Next

→

Shooting simulator game. use the arrows to move le..ALL
Developer User13175｜Date and time 23/12/1 12:12:11
Build time 39.796 sec｜Game capacity 2.687KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Shooting Simulator Game</title>
</head>
<body>
  <div id="game-container" style="position: relative; width: 400px; height: 600px; background-color: lightgray;">
    <img id="player" src="player.png" alt="Player" style="position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 50px;">
    <img id="target" src="target.png" alt="Target" style="position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; display: none;">
    <img id="gun" src="gun.png" alt="Gun" style="position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); width: 100px; height: 100px; cursor: pointer;">
  </div>

// Set initial game state
    var gameStarted = false;
    var score = 0;
    
    // Update the display
    function updateDisplay() {
      if (gameStarted) {
        player.style.display = "block";
        target.style.display = "block";
      } else {
        player.style.display = "none";
        target.style.display = "none";
      }
    }
    
    // Move the player left or right
    function movePlayer(direction) {
      var playerPos = parseInt(player.style.left);
      
      if (direction === "left" && playerPos > 0) {
        player.style.left = (playerPos - 10) + "px";
      } else if (direction === "right" && playerPos < 350) {
        player.style.left = (playerPos + 10) + "px";
      }
    }
    
    // Shoot the target
    function shoot() {
      if (gameStarted) {
        target.style.display = "none";
        score++;

// Update score display
        console.log("Score: " + score);
      }
    }
    
    // Start the game
    function startGame() {
      if (!gameStarted) {
        gameStarted = true;
        updateDisplay();
        setInterval(moveTarget, 1000);
      }
    }
    
    // Randomly move the target
    function moveTarget() {
      if (gameStarted) {
        var targetPos = Math.floor(Math.random() * 350);
        target.style.left = targetPos + "px";
        target.style.display = "block";
      }
    }
    
    // Click event for shooting
    gun.addEventListener("click", shoot);
    
    // Keydown events for player movement
    window.addEventListener("keydown", function(event) {
      if (event.key === "ArrowLeft") {
        movePlayer("left");
      } else if (event.key === "ArrowRight") {
        movePlayer("right");
      }
    });
    
    // Start the game
    startGame();
  </script>
</body>
</html>