Shooter game zombie eniems's game

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

No:13662

105

←

Prev Next

→

Shooter game zombie eniems
Developer User5988｜Date and time 23/8/29 9:28:47
Build time 24.815 sec｜Game capacity 6.205KB｜

Script

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

In this game, you control a player character using arrow keys to avoid colliding with enemy characters that descend from the top of the screen. You can also shoot bullets using the spacebar to destroy enemies. If a player collides with an enemy, it's game over and the page is reloaded. Please note that this is a basic example. You can modify and enhance it to fit your needs and add more features or graphics accordingly.

←

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooter Game - Zombie Enemies</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        canvas {
            background-color: #f0f0f0;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

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

// Enemies
        var enemies = [];
        var enemyWidth = 30;
        var enemyHeight = 30;
        var enemyColor = "#ff0000";
        var enemySpeed = 3;

// Shooting
        var bullets = [];
        var bulletWidth = 5;
        var bulletHeight = 15;
        var bulletColor = "#00ff00";
        var bulletSpeed = 8;

// Game loop
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            handlePlayer();
            handleEnemies();
            handleBullets();
            requestAnimationFrame(gameLoop);
        }

// Handle player movement
        function handlePlayer() {
            if (player.x <= 0) player.x = 0;
            if (player.x >= canvas.width - player.width) player.x = canvas.width - player.width;
            if (player.y <= 0) player.y = 0;
            if (player.y >= canvas.height - player.height) player.y = canvas.height - player.height;

// Move player
            if (keys.ArrowUp && player.y > 0) player.y -= player.speed;
            if (keys.ArrowDown && player.y < canvas.height - player.height) player.y += player.speed;
            if (keys.ArrowLeft && player.x > 0) player.x -= player.speed;
            if (keys.ArrowRight && player.x < canvas.width - player.width) player.x += player.speed;

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

// Handle enemy movement and collision
        function handleEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                enemies[i].y += enemySpeed;

// Check collision with player
                if (
                    player.x < enemies[i].x + enemyWidth &&
                    player.x + player.width > enemies[i].x &&
                    player.y < enemies[i].y + enemyHeight &&
                    player.y + player.height > enemies[i].y
                ) {
                    // Game over
                    alert("Game Over!");
                    location.reload();
                }

// Draw enemy
                ctx.fillStyle = enemyColor;
                ctx.fillRect(enemies[i].x, enemies[i].y, enemyWidth, enemyHeight);
            }

// Remove enemies that reached the bottom
            for (var i = 0; i < enemies.length; i++) {
                if (enemies[i].y > canvas.height) {
                    enemies.splice(i, 1);
                }
            }

// Randomly generate new enemies
            if (Math.random() < 0.02) {
                enemies.push({
                    x: Math.random() * (canvas.width - enemyWidth),
                    y: 0,
                    width: enemyWidth,
                    height: enemyHeight
                });
            }
        }

// Handle bullet movement and collision
        function handleBullets() {
            for (var i = 0; i < bullets.length; i++) {
                bullets[i].y -= bulletSpeed;

// Check collision with enemies
                for (var j = 0; j < enemies.length; j++) {
                    if (
                        bullets[i].x < enemies[j].x + enemyWidth &&
                        bullets[i].x + bulletWidth > enemies[j].x &&
                        bullets[i].y < enemies[j].y + enemyHeight &&
                        bullets[i].y + bulletHeight > enemies[j].y
                    ) {
                        // Remove enemy and bullet
                        enemies.splice(j, 1);
                        bullets.splice(i, 1);
                        break;
                    }
                }

// Remove bullets that go off-screen
                if (bullets[i] && bullets[i].y < 0) {
                    bullets.splice(i, 1);
                }

// Draw bullet
                ctx.fillStyle = bulletColor;
                ctx.fillRect(bullets[i].x, bullets[i].y, bulletWidth, bulletHeight);
            }
        }

// Keyboard input handling
        var keys = {};
        document.addEventListener("keydown", function (e) {
            keys[e.key] = true;
        });
        document.addEventListener("keyup", function (e) {
            keys[e.key] = false;
        });

// Fire bullet
        function fireBullet() {
            bullets.push({
                x: player.x + player.width / 2 - bulletWidth / 2,
                y: player.y,
                width: bulletWidth,
                height: bulletHeight
            });
        }

// Fire bullet on spacebar press
        document.addEventListener("keydown", function (e) {
            if (e.key === " ") {
                fireBullet();
            }
        });

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

Please note that this is a basic example. You can modify and enhance it to fit your needs and add more features or graphics accordingly.