Stickman Battles with level each level has zombies enemies and NPC teammates you can free the NPC teammates and they will fight for you. It's also like metal slug.'s game

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

No:44980

←

Prev Next

→

Stickman Battles with level each level has zombies..ALL
Developer User19524｜Date and time 24/2/19 21:22:12
Build time 8.446 sec｜Game capacity 2.416KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Stickman Battles</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        canvas {
            border: 2px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let player = {
            x: 50,
            y: canvas.height - 50,
            width: 40,
            height: 50,
            speed: 5
        };

let zombies = [];
        let npcs = [];

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawZombies() {
            ctx.fillStyle = 'red';
            zombies.forEach(zombie => {
                ctx.fillRect(zombie.x, zombie.y, zombie.width, zombie.height);
            });
        }

function drawNPCs() {
            ctx.fillStyle = 'green';
            npcs.forEach(npc => {
                ctx.fillRect(npc.x, npc.y, npc.width, npc.height);
            });
        }

function createZombie() {
            let zombie = {
                x: canvas.width - 50,
                y: canvas.height - 50,
                width: 40,
                height: 50,
                speed: Math.random() * 2 + 1
            };
            zombies.push(zombie);
        }

function createNPC() {
            let npc = {
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height,
                width: 40,
                height: 50,
                speed: 0
            };
            npcs.push(npc);
        }

function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawZombies();
            drawNPCs();

zombies.forEach(zombie => {
                zombie.x -= zombie.speed;
            });

if (Math.random() < 0.01) {
                createZombie();
            }

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>
```