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

No:38460

Game psp con 30 niveles de trata de ir matando zom..ALL
Developer User13377｜Date and time 24/1/24 22:38:09
Build time 20.776 sec｜Game capacity 4.464KB｜

Script

Zombie Slayer

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Zombie Slayer</title>
</head>
<body>
    <h1>Zombie Slayer</h1>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Get the game canvas
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Game variables
        var playerX = canvas.width / 2;
        var playerY = canvas.height - 50;
        var zombies = [];
        var bullets = [];
        var score = 0;
        var level = 1;
        var isGameOver = false;

// Game loop
        function update() {
            if (!isGameOver) {
                draw();
                movePlayer();
                moveZombies();
                spawnZombies();
                moveBullets();
                checkCollision();
                requestAnimationFrame(update);
            }
        }

// Draw objects on the canvas
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawZombies();
            drawBullets();
            drawScore();
        }

function drawPlayer() {
            context.fillStyle = "#0000FF";
            context.fillRect(playerX, playerY, 20, 20);
        }

function drawZombies() {
            context.fillStyle = "#FF0000";
            for (var i = 0; i < zombies.length; i++) {
                context.fillRect(zombies[i].x, zombies[i].y, 20, 20);
            }
        }

function drawBullets() {
            context.fillStyle = "#00FF00";
            for (var i = 0; i < bullets.length; i++) {
                context.fillRect(bullets[i].x, bullets[i].y, 8, 8);
            }
        }

function drawScore() {
            context.fillStyle = "#000000";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);
        }

// Move player based on user input
        function movePlayer() {
            document.addEventListener("keydown", function (event) {
                if (event.key === "ArrowLeft" && playerX > 0) {
                    playerX -= 5;
                } else if (event.key === "ArrowRight" && playerX < canvas.width - 20) {
                    playerX += 5;
                } else if (event.key === " ") {
                    shoot();
                }
            });
        }

// Move zombies downward and check if they reached the player
        function moveZombies() {
            for (var i = 0; i < zombies.length; i++) {
                zombies[i].y += 2;
                if (zombies[i].y > canvas.height - 20) {
                    gameOver();
                }
            }
        }

// Spawn new zombies based on the level
        function spawnZombies() {
            if (score % 100 === 0 && zombies.length === 0) {
                for (var i = 0; i < level; i++) {
                    zombies.push({ x: Math.random() * (canvas.width - 20), y: 0 });
                }
                level++;
            }
        }

// Move bullets upward and check if they hit a zombie
        function moveBullets() {
            for (var i = 0; i < bullets.length; i++) {
                bullets[i].y -= 5;
                if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                }
            }
        }

// Create a new bullet at the player's position
        function shoot() {
            bullets.push({ x: playerX + 6, y: playerY });
        }

// Check collision between bullets and zombies
        function checkCollision() {
            for (var i = 0; i < bullets.length; i++) {
                for (var j = 0; j < zombies.length; j++) {
                    if (
                        bullets[i].x < zombies[j].x + 20 &&
                        bullets[i].x + 8 > zombies[j].x &&
                        bullets[i].y < zombies[j].y + 20 &&
                        bullets[i].y + 8 > zombies[j].y
                    ) {
                        bullets.splice(i, 1);
                        zombies.splice(j, 1);
                        score += 10;
                        break;
                    }
                }
            }
        }

// Game over
        function gameOver() {
            isGameOver = true;
            alert("¡Game Over!\nPuntos: " + score);
        }

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