AI game creator

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

No:21952

←

Prev Next

→

Shooting Game
Developer User10121｜Date and time 23/10/19 13:39:16
Build time 55.053 sec｜Game capacity 2.705KB｜

Script

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

This code sets up a simple shooting game where the player can control a character using the left and right arrow keys and shoot bullets using the spacebar. The player is represented by a blue rectangle, and the bullets are represented by red rectangles. The game loop continuously redraws the canvas to create animation and handles bullet movement and collision detection. Feel free to modify and enhance the game as per your requirements.

←

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 and enclosed in script tags:

```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>

// Player variables
        var player = {
          x: canvas.width / 2,
          y: canvas.height - 30,
          width: 10,
          height: 10,
          color: "#0000FF",
          speed: 5
        };

// Bullet variables
        var bullet = {
          x: player.x,
          y: player.y,
          width: 2,
          height: 6,
          color: "#FF0000",
          speed: 10,
          isActive: false
        };

// Event listener for player movement
        document.addEventListener("keydown", function(event) {
          if (event.key === "ArrowLeft") {
            player.x -= player.speed;
          } else if (event.key === "ArrowRight") {
            player.x += player.speed;
          } else if (event.key === " ") {
            bullet.isActive = true;
            bullet.x = player.x + player.width / 2;
            bullet.y = player.y;
          }
        });

// Game loop
        function draw() {
          ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
          ctx.fillStyle = player.color;
          ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw bullet
          if (bullet.isActive) {
            ctx.fillStyle = bullet.color;
            ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            bullet.y -= bullet.speed;

// Check collision with canvas boundary
            if (bullet.y < 0) {
              bullet.isActive = false;
            }
          }

requestAnimationFrame(draw);
        }

requestAnimationFrame(draw);
      };
    </script>
  </body>
</html>
```