لعبة الوصول إلى الفوز مع العقبات's game

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

No:38361

←

Prev Next

→

لعبة الوصول إلى الفوز مع العقبات
Developer User6662｜Date and time 24/1/24 17:04:19
Build time 13.772 sec｜Game capacity 3.64KB｜

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>
    <canvas id="gameCanvas" width="400px" height="600px"></canvas>

// Player object
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            color: "#FF0000",
            speed: 5
        };

// Obstacle object
        var obstacle = {
            x: Math.random() * canvas.width,
            y: 0,
            width: 50,
            height: 50,
            color: "#0000FF",
            speed: 3
        };

// Key states
        var leftKey = false;
        var rightKey = false;

// Event listeners for key presses
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

// Key down handler
        function keyDownHandler(event) {
            if (event.keyCode === 37) { // Left arrow key
                leftKey = true;
            }
            else if (event.keyCode === 39) { // Right arrow key
                rightKey = true;
            }
        }

// Key up handler
        function keyUpHandler(event) {
            if (event.keyCode === 37) { // Left arrow key
                leftKey = false;
            }
            else if (event.keyCode === 39) { // Right arrow key
                rightKey = false;
            }
        }

// Collision detection function
        function checkCollision(rect1, rect2) {
            if (rect1.x < rect2.x + rect2.width &&
                rect1.x + rect1.width > rect2.x &&
                rect1.y < rect2.y + rect2.height &&
                rect1.y + rect1.height > rect2.y) {
                return true;
            }
            return false;
        }

// Game loop
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Move player based on key states
            if (leftKey && player.x > 0) {
                player.x -= player.speed;
            }
            else if (rightKey && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }

// Move obstacle down the screen
            obstacle.y += obstacle.speed;

// Draw player and obstacle
            context.fillStyle = player.color;
            context.fillRect(player.x, player.y, player.width, player.height);

context.fillStyle = obstacle.color;
            context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);

// Check for collision
            if (checkCollision(player, obstacle)) {
                alert("لقد خسرت!");
                clearInterval(gameLoopInterval);
                document.removeEventListener("keydown", keyDownHandler, false);
                document.removeEventListener("keyup", keyUpHandler, false);
            }

// Check if the player reached the winning condition
            if (player.y <= 0) {
                alert("لقد فزت!");
                clearInterval(gameLoopInterval);
                document.removeEventListener("keydown", keyDownHandler, false);
                document.removeEventListener("keyup", keyUpHandler, false);
            }
        }

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