AI game creator

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

No:24598

←

Prev Next

→

Shooter Game
Developer User11704｜Date and time 23/11/10 9:53:27
Build time 72.388 sec｜Game capacity 4.201KB｜

Script

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

This HTML file contains a shooter game with a simple player-controlled square, bullets that can be shot with the spacebar, and enemies that move down and collide with the player. The goal is to shoot as many enemies as possible and avoid colliding with them. The score is displayed at the top-left corner of the canvas.

←

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 shooter game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooter Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Variables
        var canvas;
        var canvasContext;
        var playerX = 200;
        var playerY = 370;
        var bullets = [];
        var enemies = [];
        var score = 0;

// Initialize game
        function initialize() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");

// Create event listeners for controlling the player
            document.addEventListener("keydown", handleKeyPress);
            document.addEventListener("keyup", handleKeyRelease);

// Create enemies every second
            setInterval(createEnemy, 1000);

// Start game loop
            setInterval(update, 16);
        }

// Event listener for key press
        function handleKeyPress(event) {
            if (event.key === "ArrowLeft") {
                playerX -= 8;
            } else if (event.key === "ArrowRight") {
                playerX += 8;
            } else if (event.key === " ") {
                bullets.push({ x: playerX + 15, y: playerY });
            }
        }

// Event listener for key release
        function handleKeyRelease(event) {
            if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
                playerX = playerX;
            }
        }

// Create enemy
        function createEnemy() {
            var enemy = { x: Math.random() * (canvas.width - 20), y: 0 };
            enemies.push(enemy);
        }

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

// Draw player
            canvasContext.fillRect(playerX, playerY, 30, 30);

// Draw bullets
            bullets.forEach(function (bullet) {
                canvasContext.beginPath();
                canvasContext.arc(bullet.x, bullet.y, 5, 0, Math.PI * 2);
                canvasContext.fillStyle = "red";
                canvasContext.fill();
                canvasContext.closePath();

bullet.y -= 5;

// Check for bullet-enemy collisions
                enemies.forEach(function (enemy) {
                    if (bullet.x > enemy.x && bullet.x < enemy.x + 20 && bullet.y > enemy.y && bullet.y < enemy.y + 20) {
                        bullets.splice(bullets.indexOf(bullet), 1);
                        enemies.splice(enemies.indexOf(enemy), 1);
                        score++;
                    }
                });

if (bullet.y < 0) {
                    bullets.splice(bullets.indexOf(bullet), 1);
                }
            });

// Draw enemies
            enemies.forEach(function (enemy) {
                canvasContext.fillRect(enemy.x, enemy.y, 20, 20);

enemy.y += 2;

// Check for enemy-player collision
                if (enemy.y + 20 > playerY && enemy.x + 20 > playerX && enemy.x < playerX + 30) {
                    gameOver();
                }
            });

// Display score
            canvasContext.fillStyle = "black";
            canvasContext.font = "20px Arial";
            canvasContext.fillText("Score: " + score, 10, 30);
        }

// Game over
        function gameOver() {
            clearInterval(update);
            alert("Game over! Score: " + score);
            location.reload();
        }

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