AI game creator

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

No:6258

1933

←

Prev Next

→

Shooting Game
Developer User387｜Date and time 23/7/2 0:07:45
Build time 23.768 sec｜Game capacity 2.513KB｜

Script

Sure! Here's a sample shooting game implemented as a single HTML file using JavaScript:

To play the game on a smartphone, open the HTML file in a browser on your smartphone and control the player by tapping on the screen. Whenever you tap the screen, a bullet will be fired upwards from the player's position. The objective is to hit targets, which you can extend by adding additional object(s) with their own properties and behaviors. Please note that this is a basic implementation and can be expanded upon to add more features and complexity to the game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

canvas {
      display: block;
    }
  </style>
</head>
<body>
<canvas id="gameCanvas"></canvas>

// Player object
    const player = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      width: 50,
      height: 50,
      speed: 5,
      color: "blue",
      draw: function() {
        context.fillStyle = this.color;
        context.fillRect(this.x, this.y, this.width, this.height);
      }
    };

// Bullet object
    const bullet = {
      x: player.x,
      y: player.y,
      width: 10,
      height: 10,
      speed: 10,
      color: "red",
      draw: function() {
        context.fillStyle = this.color;
        context.fillRect(this.x, this.y, this.width, this.height);
      }
    };

// Keyboard event listener
    window.addEventListener("keydown", function(event) {
      if (event.code === "Space" && !bullet.fired) {
        bullet.fired = true;
        bullet.x = player.x + player.width / 2 - bullet.width / 2;
        bullet.y = player.y;
      }
    });

// Game loop
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height); // Clear the canvas
      player.draw(); // Draw the player

if (bullet.fired) {
        bullet.y -= bullet.speed; // Move the bullet upward

// Check for collision
        if (bullet.y < 0) {
          bullet.fired = false; // Reset bullet
        } else {
          bullet.draw(); // Draw the bullet
        }
      }

requestAnimationFrame(gameLoop); // Continue the game loop
    }

// Start the game
    gameLoop();
</script>
</body>
</html>
```

Please note that this is a basic implementation and can be expanded upon to add more features and complexity to the game.