لعبة الوصول إلى نقطة الفوز 3d's game | AI game creator

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

No:38370

53

لعبة الوصول إلى نقطة الفوز 3d
Developer User6662｜Date and time 24/1/24 17:12:50
Build time 11.618 sec｜Game capacity 3.009KB｜

→ 　

0　

0　

　
　
　
　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>لعبة الوصول إلى نقطة الفوز 3D</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
        // Get the canvas element
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        
        // Player position
        let playerX = 400;
        let playerY = 300;
        
        // Goal position
        const goalX = Math.floor(Math.random() * 700) + 50;
        const goalY = Math.floor(Math.random() * 500) + 50;
        
        // Game loop
        function gameLoop() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw the player
            context.fillStyle = "#FF0000"; // Red color
            context.fillRect(playerX, playerY, 50, 50); // Player rectangle
            
            // Draw the goal
            context.fillStyle = "#00FF00"; // Green color
            context.fillRect(goalX, goalY, 50, 50); // Goal rectangle
            
            // Check if player reaches the goal
            if (playerX > goalX && playerX < goalX + 50 && playerY > goalY && playerY < goalY + 50) {
                alert("تهانينا! لقد وصلت إلى نقطة الفوز!");
                restartGame();
            }
        }
        
        // Handle player movement
        function handleMovement(event) {
            const movement = event.key;
            
            // Move the player based on the key pressed
            switch(movement) {
                case "ArrowUp":
                    playerY -= 10;
                    break;
                case "ArrowDown":
                    playerY += 10;
                    break;
                case "ArrowLeft":
                    playerX -= 10;
                    break;
                case "ArrowRight":
                    playerX += 10;
                    break;
            }
            
            // Prevent scrolling of the page
            event.preventDefault();
        }
        
        // Restart the game
        function restartGame() {
            // Reset player position
            playerX = 400;
            playerY = 300;
            
            // Generate new goal position
            goalX = Math.floor(Math.random() * 700) + 50;
            goalY = Math.floor(Math.random() * 500) + 50;
        }
        
        // Start the game
        function startGame() {
            // Add event listener for player movement
            window.addEventListener("keydown", handleMovement);
            
            // Start the game loop
            setInterval(gameLoop, 16); // 60 frames per second
        }
        
        // Call the startGame function to begin the game
        startGame();
    </script>
</body>
</html>