لعبة لغز قتل الأشباح's game

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

No:15488

←

Prev Next

→

لعبة لغز قتل الأشباح
Developer User6662｜Date and time 23/9/9 16:09:06
Build time 20.809 sec｜Game capacity 2.271KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        // Pictograms for the game
        const playerImage = new Image();
        playerImage.src = "path_to_player_image.png";

const ghostImage = new Image();
        ghostImage.src = "path_to_ghost_image.png";

// Game variables
        let playerX = 200;
        let playerY = 200;
        let ghosts = [
            { x: 50, y: 50 },
            { x: 150, y: 150 },
            { x: 300, y: 300 }
        ];

// Keyboard event listener for player movement
        document.addEventListener("keydown", handleKeyPress);

// Function to update game logic
        function update() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.drawImage(playerImage, playerX, playerY, 50, 50);

// Draw ghosts
            ghosts.forEach((ghost) => {
                ctx.drawImage(ghostImage, ghost.x, ghost.y, 50, 50);

// Check if player collides with a ghost
                const distanceX = Math.abs(playerX - ghost.x);
                const distanceY = Math.abs(playerY - ghost.y);

if (distanceX < 50 && distanceY < 50) {
                    alert("لقد قمت بقتل الشبح!");
                    // Handle game over or player victory
                }
            });
        }

// Function to handle player movement
        function handleKeyPress(event) {
            const key = event.keyCode;
            
            if (key === 37 && playerX > 0) {
                playerX -= 10; // Move left
            } else if (key === 38 && playerY > 0) {
                playerY -= 10; // Move up
            } else if (key === 39 && playerX < 350) {
                playerX += 10; // Move right
            } else if (key === 40 && playerY < 350) {
                playerY += 10; // Move down
            }
        }

// Game loop
        setInterval(update, 100);
    </script>
</body>
</html>