A game where you collect gems and avoid getting zombies or you lose points. Collecting 500 gems leads you into a boss battle.'s game

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

No:50036

←

Prev Next

→

A game where you collect gems and avoid getting zo..ALL
Developer User21218｜Date and time 24/3/7 14:19:18
Build time 10.148 sec｜Game capacity 3.417KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Hunter Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player
        let player = {
            x: 100,
            y: 100,
            width: 50,
            height: 50,
            speed: 5,
            score: 0,
            gemsCollected: 0,
        };

// Gems
        let gems = [
            { x: 200, y: 300, size: 30 },
            { x: 500, y: 200, size: 30 },
            { x: 400, y: 400, size: 30 }
        ];

// Zombies
        let zombies = [
            { x: 300, y: 100, size: 50 },
            { x: 600, y: 400, size: 50 },
            { x: 700, y: 200, size: 50 }
        ];

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

function drawGems() {
            ctx.fillStyle = 'green';
            gems.forEach(gem => {
                ctx.fillRect(gem.x, gem.y, gem.size, gem.size);
            });
        }

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

function drawScore() {
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + player.score, 10, 30);
        }

function checkCollisions() {
            gems.forEach((gem, index) => {
                if (player.x < gem.x + gem.size &&
                    player.x + player.width > gem.x &&
                    player.y < gem.y + gem.size &&
                    player.y + player.height > gem.y) {

gems.splice(index, 1);
                    player.score += 10;
                    player.gemsCollected++;

if (player.gemsCollected === 500) {
                        alert('Boss Battle!');
                    }
                }
            });

zombies.forEach(zombie => {
                if (player.x < zombie.x + zombie.size &&
                    player.x + player.width > zombie.x &&
                    player.y < zombie.y + zombie.size &&
                    player.y + player.height > zombie.y) {

player.score -= 20;
                }
            });
        }

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

drawPlayer();
            drawGems();
            drawZombies();
            drawScore();
            checkCollisions();

requestAnimationFrame(update);
        }

function movePlayer(e) {
            switch (e.key) {
                case 'ArrowUp':
                    player.y -= player.speed;
                    break;
                case 'ArrowDown':
                    player.y += player.speed;
                    break;
                case 'ArrowLeft':
                    player.x -= player.speed;
                    break;
                case 'ArrowRight':
                    player.x += player.speed;
                    break;
            }
        }

window.addEventListener('keydown', movePlayer);

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