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

No:22812

←

Prev Next

→

Shooting Game
Developer User10521｜Date and time 23/10/25 11:19:57
Build time 43.392 sec｜Game capacity 2.947KB｜

Script

Sure, here's a simple shooting game implemented as a single HTML file using JavaScript:

Shooting Game

This game allows the player to control a blue square at the bottom of the canvas using the left and right arrow keys. The player can shoot red bullets by pressing the spacebar. The bullets will travel upwards, and once they reach the top of the canvas, they will be removed from the screen. To play the game, you can copy the above code into a new HTML file and open it in a web browser. The game canvas will appear along with the player character. Use the arrow keys to move the player and press the spacebar to shoot bullets.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure, here's a simple shooting game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>
    <h1>Shooting Game</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Create player object
        var player = {
            x: 200,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            color: "blue",
            speed: 5
        };

// Create bullet array
        var bullets = [];

// 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 === " ") {
                // Shoot bullet when spacebar is pressed
                var bullet = {
                    x: player.x + player.width / 2,
                    y: player.y,
                    width: 5,
                    height: 10,
                    color: "red",
                    speed: 10
                };
                bullets.push(bullet);
            }
        });

// Function to update game state
        function update() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

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

// Draw bullets
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                context.fillStyle = bullet.color;
                context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
                bullet.y -= bullet.speed;

// Remove bullet if it goes off the screen
                if (bullet.y < 0) {
                    bullets.splice(i, 1);
                    i--;
                }
            }

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

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

To play the game, you can copy the above code into a new HTML file and open it in a web browser. The game canvas will appear along with the player character. Use the arrow keys to move the player and press the spacebar to shoot bullets.