لعبة يكون فيها حصان يحاول أن يخترق قاعدة عسكرية's game

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

No:23162

←

Prev Next

→

لعبة يكون فيها حصان يحاول أن يخترق قاعدة عسكرية
Developer User10695｜Date and time 23/10/28 13:02:29
Build time 42.003 sec｜Game capacity 2.186KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>لعبة الحصان البري</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="400"></canvas>
    <script>
        // Get the canvas element
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Variables to store the horse's position
        var horseX = 250;
        var horseY = 200;

// Variable to store the base position
        var baseX = 150;

// Variable to store the flag indicating if the horse has breached the military base
        var isBreached = false;

// Draw the horse image on the canvas
        function drawHorse() {
            var image = new Image();
            image.src = "horse.png";
            image.onload = function () {
                context.drawImage(image, horseX, horseY);
                if (isBreached) {
                    context.font = "30px Arial";
                    context.fillStyle = "red";
                    context.fillText("الحصان دخل القاعدة العسكرية!", 50, 350);
                }
            };
        }

// Draw the base image on the canvas
        function drawBase() {
            var image = new Image();
            image.src = "base.png";
            image.onload = function () {
                context.drawImage(image, baseX, 100);
            };
        }

// Update the horse's position and check for breach
        function update() {
            if (horseX < baseX) {
                horseX += 2; // Move the horse towards the base
            }
            else {
                isBreached = true;
            }
        }

// Clear the canvas and redraw the horse and base
        function draw() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawHorse();
            drawBase();
        }

// Game loop
        function gameLoop() {
            update();
            draw();
        }

// Start the game
        setInterval(gameLoop, 10);
    </script>
</body>
</html>