Быстрый, динамичный rougelike с видом сверху, пиксельная графика, зомби-апокалипсис, шутер, монетки, улучшения's game

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

No:24706

←

Prev Next

→

Быстрый, динамичный rougelike с видом сверху, пик..ALL
Developer User11743｜Date and time 23/11/11 14:50:10
Build time 118.325 sec｜Game capacity 6.658KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Быстрый rougelike шутер: Зомби-апокалипсис</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

var player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            size: 10,
            speed: 5
        };

var zombies = [];
        var bullets = [];
        var score = 0;
        var gameover = false;

function getRandomPosition() {
            var x = Math.floor((Math.random() * (canvas.width - 40)) + 20);
            var y = Math.floor((Math.random() * (canvas.height - 40)) + 20);
            return { x, y };
        }

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);
        }

function drawZombies() {
            ctx.fillStyle = "green";
            for (var i = 0; i < zombies.length; i++) {
                ctx.fillRect(zombies[i].x - zombies[i].size / 2, zombies[i].y - zombies[i].size / 2, zombies[i].size, zombies[i].size);
            }
        }

function drawBullets() {
            ctx.fillStyle = "red";
            for (var i = 0; i < bullets.length; i++) {
                ctx.fillRect(bullets[i].x - 2, bullets[i].y - 2, 4, 4);
            }
        }

function updatePlayer() {
            if (gameover) {
                return;
            }

if (player.x < player.size) {
                player.x = player.size;
            }
            if (player.x > canvas.width - player.size) {
                player.x = canvas.width - player.size;
            }
            if (player.y < player.size) {
                player.y = player.size;
            }
            if (player.y > canvas.height - player.size) {
                player.y = canvas.height - player.size;
            }
        }

function updateZombies() {
            for (var i = 0; i < zombies.length; i++) {
                var dx = player.x - zombies[i].x;
                var dy = player.y - zombies[i].y;
                var distance = Math.sqrt(dx * dx + dy * dy);
                zombies[i].x += (dx / distance) * zombies[i].speed;
                zombies[i].y += (dy / distance) * zombies[i].speed;
            }
        }

for (var i = 0; i < zombies.length; i++) {
                var dx = zombies[i].x - player.x;
                var dy = zombies[i].y - player.y;
                var distance = Math.sqrt(dx * dx + dy * dy);
                if (distance < zombies[i].size / 2 + player.size / 2) {
                    gameover = true;
                    break;
                }
            }
        }

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

drawPlayer();
            drawZombies();
            drawBullets();

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

if (gameover) {
                ctx.fillStyle = "white";
                ctx.font = "36px Arial";
                ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
            }
        }

function gameLoop() {
            updatePlayer();
            updateZombies();
            updateBullets();
            collisionDetection();
            draw();

if (!gameover) {
                requestAnimationFrame(gameLoop);
            } else {
                location.reload(); // Reload the page to start a new game
            }
        }

spawnZombies();
        gameLoop();

document.addEventListener("keydown", move);
        document.addEventListener("keydown", shoot);
    </script>
</body>
</html>