AI game creator

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

No:9518

100

←

Prev Next

→

Shooting Game
Developer User4378｜Date and time 23/7/25 23:07:58
Build time 16.089 sec｜Game capacity 2.062KB｜

Script

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

In this game, you control a blue player character at the bottom of the canvas. You can use the left and right arrow keys to move the player horizontally, and every time you click on the canvas, a bullet is shot from the player's position towards the top of the screen. I hope this example helps! Feel free to modify and enhance it according to your needs.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

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>

// Game variables
    let playerX = 176;
    let bullets = [];

// Event Listeners
    document.addEventListener("keydown", movePlayer);
    document.addEventListener("mousedown", shoot);

// Update game state
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      ctx.fillStyle = "blue";
      ctx.fillRect(playerX, 350, 48, 48);

// Draw bullets
      bullets.forEach((bullet) => {
        bullet.y -= 5;
        ctx.fillStyle = "red";
        ctx.fillRect(bullet.x, bullet.y, 4, 12);
      });

// Remove off-screen bullets
      bullets = bullets.filter((bullet) => bullet.y > 0);

// Request next frame update
      requestAnimationFrame(update);
    }

// Move the player
    function movePlayer(event) {
      if (event.keyCode === 37 && playerX > 0) {
        playerX -= 8;
      }
      if (event.keyCode === 39 && playerX + 48 < canvas.width) {
        playerX += 8;
      }
    }

// Shoot bullets
    function shoot(event) {
      const bullet = {
        x: playerX + 22,
        y: 350,
      };
      bullets.push(bullet);
    }

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

I hope this example helps! Feel free to modify and enhance it according to your needs.