Shooting Game's game | AI game creator

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

No:8329

8428

Shooting Game
Developer anonymous｜Date and time 70/1/1 10:31:27
Build time unknown sec｜Game capacity 5.487KB｜

Sure! Here's a simple shooting game implemented as a single HTML file with JavaScript. It can be played on a smartphone, and instead of using pictograms, it uses simple shapes:

To play the game on your smartphone, you can copy and paste the above code into a text editor, save it with a `.html` extension (e.g., `shooting-game.html`), and open it in a browser on your smartphone. The gameplay involves moving the player left and right using the virtual keyboard arrows and shooting bullets by pressing the spacebar. In the game, you control a blue player square at the bottom of the screen, and red target squares will appear from the top. Your objective is to shoot the targets by hitting them with the black bullets while avoiding getting hit by the targets. Your score increases each time you hit a target, and the game ends if a target collides with your player. Please note that this game is a basic implementation and can be further expanded and enhanced with additional features and visual elements according to your requirements.

→ 　

0　

0　

　

　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

Sure! Here's a simple shooting game implemented as a single HTML file with JavaScript. It can be played on a smartphone, and instead of using pictograms, it uses simple shapes:

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

<script>
      // Game variables
      var canvas;
      var context;
      var player;
      var bullets;
      var targets;
      var score;

// Game initialization
      function init() {
        canvas = document.getElementById("gameCanvas");
        context = canvas.getContext("2d");
        
        // Create player
        player = {
          size: 20,
          x: canvas.width / 2,
          y: canvas.height - 40,
          color: "blue"
        };
        
        // Create bullets array
        bullets = [];
        
        // Create targets array
        targets = [];
        
        // Initialize score
        score = 0;
        
        // Start game loop
        gameLoop();
      }
      
      // Event listener for player movement
      document.addEventListener("keydown", function(event) {
        // Move left
        if (event.key === "ArrowLeft" && player.x > 0) {
          player.x -= 10;
        }
        // Move right
        else if (event.key === "ArrowRight" && player.x < canvas.width - player.size) {
          player.x += 10;
        }
        // Shoot bullet
        else if (event.key === " ") {
          bullets.push({ x: player.x + player.size / 2, y: player.y });
        }
      });
      
      // Game loop
      function gameLoop() {
        // Clear canvas
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        // Move bullets
        bullets.forEach(function(bullet, index) {
          bullet.y -= 5;
          
          // Remove bullets that are out of the screen
          if (bullet.y < 0) {
            bullets.splice(index, 1);
          }
        });
        
        // Move targets
        targets.forEach(function(target, index) {
          target.y += 2;
          
          // Check if target collides with player
          if (
            player.x < target.x + target.size &&
            player.x + player.size > target.x &&
            player.y < target.y + target.size &&
            player.y + player.size > target.y
          ) {
            // Game over
            gameOver();
          }
          
          // Check if target collides with bullets
          bullets.forEach(function(bullet, bulletIndex) {
            if (
              bullet.x < target.x + target.size &&
              bullet.x + 2 > target.x &&
              bullet.y < target.y + target.size &&
              bullet.y + 5 > target.y
            ) {
              // Increase score and remove bullet and target
              score++;
              targets.splice(index, 1);
              bullets.splice(bulletIndex, 1);
            }
          });
          
          // Remove targets that are out of the screen
          if (target.y > canvas.height) {
            targets.splice(index, 1);
          }
        });
        
        // Draw player
        context.fillStyle = player.color;
        context.fillRect(player.x, player.y, player.size, player.size);
        
        // Draw bullets
        bullets.forEach(function(bullet) {
          context.fillStyle = "black";
          context.fillRect(bullet.x, bullet.y, 2, 5);
        });
        
        // Draw targets
        targets.forEach(function(target) {
          context.fillStyle = "red";
          context.fillRect(target.x, target.y, target.size, target.size);
        });
        
        // Draw score
        context.fillStyle = "black";
        context.font = "20px Arial";
        context.fillText("Score: " + score, 10, 30);
        
        // Create new target randomly
        if (Math.random() < 0.02) {
          targets.push({
            size: 20,
            x: Math.random() * (canvas.width - 20),
            y: 0
          });
        }
        
        // Call game loop again
        requestAnimationFrame(gameLoop);
      }
      
      // Game over
      function gameOver() {
        // Stop game loop
        cancelAnimationFrame(gameLoop);
        
        // Show game over message
        context.fillStyle = "red";
        context.font = "40px Arial";
        context.fillText("Game Over!", canvas.width / 2 - 100, canvas.height / 2);
      }
      
      // Initialize game
      init();
    </script>
  </body>
</html>
```

To play the game on your smartphone, you can copy and paste the above code into a text editor, save it with a `.html` extension (e.g., `shooting-game.html`), and open it in a browser on your smartphone. The gameplay involves moving the player left and right using the virtual keyboard arrows and shooting bullets by pressing the spacebar.

In the game, you control a blue player square at the bottom of the screen, and red target squares will appear from the top. Your objective is to shoot the targets by hitting them with the black bullets while avoiding getting hit by the targets. Your score increases each time you hit a target, and the game ends if a target collides with your player.

Please note that this game is a basic implementation and can be further expanded and enhanced with additional features and visual elements according to your requirements.