A 2d platformer shooter where you shoot people and they never stop coming's game

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

No:8713

←

Prev Next

→

A 2d platformer shooter where you shoot people and..ALL
Developer User4232｜Date and time 23/7/18 0:12:35
Build time 41.851 sec｜Game capacity 5.561KB｜

Script

Sure! Here's a simple example of a 2D platformer shooter game implemented in a single HTML file using JavaScript:

In this game, you control a blue player character and shoot at green enemies. The objective is to eliminate as many enemies as possible, while avoiding collisions with them. The score increases by 10 for each enemy defeated. The game can be played using the arrow keys to move the player character and the spacebar to shoot bullets. Note: This is a basic example and can be enhanced further with more features, levels, enemy behavior, and additional mechanics.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of a 2D platformer shooter game implemented in a single HTML file using JavaScript:

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

// Create the game objects
        function createGameObjects() {
            // Player object
            player = {
                x: 50,
                y: 50,
                width: 20,
                height: 20,
                speed: 5,
                color: "blue",
                draw: function () {
                    ctx.fillStyle = this.color;
                    ctx.fillRect(this.x, this.y, this.width, this.height);
                },
                shoot: function () {
                    bullets.push({
                        x: this.x + this.width,
                        y: this.y + (this.height / 2),
                    });
                }
            };

// Bullet array
            bullets = [];

// Event listener for player shooting
            document.addEventListener("keydown", function (event) {
                if (event.keyCode === 32) {
                    player.shoot();
                }
            });

// Create initial enemies
            for (let i = 0; i < 5; i++) {
                enemies.push({
                    x: Math.random() * canvas.width,
                    y: Math.random() * canvas.height,
                    width: 10,
                    height: 10,
                    speed: Math.random() * 2 + 1
                });
            }
        }

// Update game objects
        function updateGameObjects() {
            // Move player
            if (keys.up) player.y -= player.speed;
            if (keys.down) player.y += player.speed;
            if (keys.left) player.x -= player.speed;
            if (keys.right) player.x += player.speed;

// Move bullets
            bullets.forEach(function (bullet, index) {
                bullet.x += 5;

// Remove bullet if it goes off the screen
                if (bullet.x > canvas.width) {
                    bullets.splice(index, 1);
                }
            });

// Move enemies towards the player
            enemies.forEach(function (enemy) {
                if (player.x < enemy.x) enemy.x -= enemy.speed;
                if (player.x > enemy.x) enemy.x += enemy.speed;
                if (player.y < enemy.y) enemy.y -= enemy.speed;
                if (player.y > enemy.y) enemy.y += enemy.speed;
            });

// Collision detection
            bullets.forEach(function (bullet, bulletIndex) {
                enemies.forEach(function (enemy, enemyIndex) {
                    if (
                        bullet.x < enemy.x + enemy.width &&
                        bullet.x + player.width > enemy.x &&
                        bullet.y < enemy.y + enemy.height &&
                        bullet.y + player.height > enemy.y
                    ) {
                        // Bullet and enemy collided
                        bullets.splice(bulletIndex, 1);
                        enemies.splice(enemyIndex, 1);
                        score += 10;
                    }
                });
            });
        }

// Render game objects
        function renderGameObjects() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            player.draw();

// Draw bullets
            bullets.forEach(function (bullet) {
                ctx.fillStyle = "red";
                ctx.fillRect(bullet.x, bullet.y, 5, 2);
            });

// Draw enemies
            enemies.forEach(function (enemy) {
                ctx.fillStyle = "green";
                ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
            });

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

// Game loop
        function gameLoop() {
            updateGameObjects();
            renderGameObjects();
            requestAnimationFrame(gameLoop);
        }

// Keyboard input handling
        let keys = {};
        document.addEventListener("keydown", function (event) {
            keys[event.keyCode] = true;
        });
        document.addEventListener("keyup", function (event) {
            delete keys[event.keyCode];
        });

// Initialize the game
        window.onload = function () {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

createGameObjects();
            gameLoop();
        };
    </script>
</body>
</html>
```

Note: This is a basic example and can be enhanced further with more features, levels, enemy behavior, and additional mechanics.