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

No:16006

106

←

Prev Next

→

اريد لعبه يكون فيها زر بدايه اذا ضغطت عليه يدخلك ل..ALL
Developer User7061｜Date and time 23/9/15 2:54:19
Build time 26.615 sec｜Game capacity 2.911KB｜

Script

لعبة القتال ضد زوميي

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>لعبة القتال ضد زوميي</title>
</head>
<body>
    <h1 style="text-align: center;">لعبة القتال ضد زوميي</h1>
    <button id="startButton" style="display: block; margin: 0 auto;">ابدأ اللعبة</button>

var playerImage = new Image();
        playerImage.src = "path/to/playerImage.png";
        var zombieImage = new Image();
        zombieImage.src = "path/to/zombieImage.png";

var player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            width: 50,
            height: 50,
            image: playerImage
        };

var zombies = [];

var isGameStarted = false;

function startGame() {
            isGameStarted = true;
            document.getElementById("startButton").style.display = "none";
            canvas.style.display = "block";
            spawnZombies();
            draw();
        }

function draw() {
            if (!isGameStarted) {
                return;
            }

ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.drawImage(player.image, player.x, player.y, player.width, player.height);

// Draw zombies
            for (var i = 0; i < zombies.length; i++) {
                var zombie = zombies[i];
                ctx.drawImage(zombie.image, zombie.x, zombie.y, zombie.width, zombie.height);
            }

// Check for collisions
            for (var i = 0; i < zombies.length; i++) {
                var zombie = zombies[i];
                if (isColliding(player, zombie)) {
                    alert("انتهت اللعبة! لقد قتلك الزومبي!");
                    isGameStarted = false;
                    break;
                }
            }

requestAnimationFrame(draw);
        }

function isColliding(rect1, rect2) {
            return rect1.x < rect2.x + rect2.width &&
                rect1.x + rect1.width > rect2.x &&
                rect1.y < rect2.y + rect2.height &&
                rect1.y + rect1.height > rect2.y;
        }

document.getElementById("startButton").addEventListener("click", startGame);
    </script>
</body>
</html>