Shooting Game's game | AI game creator

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

No:15156

97

Shooting Game
Developer User6535｜Date and time 23/9/6 16:47:47
Build time 43.69 sec｜Game capacity 3.427KB｜

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

This code sets up a simple shooting game where the player can move their character (represented by a blue rectangle) using arrow keys. The player shoots bullets (represented by red rectangles) that move vertically upward. When the bullet reaches the top of the screen, it resets to the player's position. Feel free to modify and improve this code further to suit your needs and enhance the game functionality.

→ 　

0　

0　

　
　
　
　

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

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

(C)2023 HisashiApp

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
    // Enclosing JavaScript code within script tags
    window.onload = function() {
      
      // Game initialization
      var canvas = document.getElementById("gameCanvas");
      var context = canvas.getContext("2d");
      
      // Player object
      var player = {
        x: canvas.width / 2,
        y: canvas.height - 30,
        width: 30,
        height: 30,
        speed: 5
      };
      
      // Bullet object
      var bullet = {
        x: player.x,
        y: player.y,
        width: 5,
        height: 10,
        speed: 10
      };
      
      // Event listeners for player movement
      document.addEventListener("keydown", movePlayer);
      document.addEventListener("keyup", stopPlayer);
      
      // Function to move the player
      function movePlayer(event) {
        if (event.key === "ArrowLeft" && player.x > 0) {
          player.x -= player.speed;
        } else if (event.key === "ArrowRight" && player.x < canvas.width - player.width) {
          player.x += player.speed;
        }
        
        if (event.key === "ArrowUp" && player.y > 0) {
          player.y -= player.speed;
        } else if (event.key === "ArrowDown" && player.y < canvas.height - player.height) {
          player.y += player.speed;
        }
      }
      
      // Function to stop the player from moving
      function stopPlayer(event) {
        if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
          player.speed = 0;
        } else if (event.key === "ArrowUp" || event.key === "ArrowDown") {
          player.speed = 0;
        }
      }
      
      // Function to draw the player
      function drawPlayer() {
        context.beginPath();
        context.rect(player.x, player.y, player.width, player.height);
        context.fillStyle = "blue";
        context.fill();
        context.closePath();
      }
      
      // Function to draw the bullet
      function drawBullet() {
        context.beginPath();
        context.rect(bullet.x, bullet.y, bullet.width, bullet.height);
        context.fillStyle = "red";
        context.fill();
        context.closePath();
      }
      
      // Main game loop
      function gameLoop() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawBullet();
        bullet.y -= bullet.speed;
        
        // Reset bullet position if it goes off-screen
        if (bullet.y < 0) {
          bullet.x = player.x;
          bullet.y = player.y;
        }
        
        requestAnimationFrame(gameLoop);
      }
      
      // Start the game loop
      gameLoop();
    };
  </script>
</body>
</html>
```

This code sets up a simple shooting game where the player can move their character (represented by a blue rectangle) using arrow keys. The player shoots bullets (represented by red rectangles) that move vertically upward. When the bullet reaches the top of the screen, it resets to the player's position.

Feel free to modify and improve this code further to suit your needs and enhance the game functionality.