AI game creator

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

No:19645

←

Prev Next

→

Shooting Game
Developer User8704｜Date and time 23/10/5 6:47:51
Build time 15.487 sec｜Game capacity 2.695KB｜

Script

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

In this game, each time you press the Space bar key or click the mouse, a bullet is shot from the bottom of the canvas towards the top. The objective can be modified to suit your desired game design by adding targets, scoring, or additional interactions. Please note that this is a basic example, and you can expand on it to create a more complex and enjoyable game.

←

Prev　Next

→ 　

Back　

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

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 white&black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

// Function to handle mouse click
    function handleMouseClick(event) {
      shoot();
    }

// Array to store the bullets in the game
    let bullets = [];

// Function to create a new bullet object
    function createBullet() {
      return {
        x: 200,
        y: 280,
        speed: 5,
        width: 5,
        height: 10
      };
    }

// Function to update the game state
    function update() {
      for (let i = 0; i < bullets.length; i++) {
        bullets[i].y -= bullets[i].speed;
        if (bullets[i].y < 0) {
          bullets.splice(i, 1); // Remove bullets that go off the screen
        }
      }
    }

// Function to draw the game on the canvas
    function draw() {
      const canvas = document.getElementById("gameCanvas");
      const context = canvas.getContext("2d");

// Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the bullets
      context.fillStyle = "red";
      for (let i = 0; i < bullets.length; i++) {
        context.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
      }
    }

// Function to execute shooting action
    function shoot() {
      bullets.push(createBullet());
    }

// Start the game loop
    function gameLoop() {
      update();
      draw();
      requestAnimationFrame(gameLoop);
    }

// Event listeners for keyboard input and mouse click
    document.addEventListener("keydown", handleKeyPress);
    document.addEventListener("click", handleMouseClick);

// Start the game when the page loads
    window.addEventListener("load", function() {
      gameLoop();
    });
  </script>
</body>
</html>
```

Please note that this is a basic example, and you can expand on it to create a more complex and enjoyable game.