لعبة سرقة المنزل's game

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

No:15470

←

Prev Next

→

لعبة سرقة المنزل
Developer User6662｜Date and time 23/9/9 15:51:37
Build time 27.803 sec｜Game capacity 3.235KB｜

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="canvas" style="border:1px solid black;"></canvas>

// Get the context object for drawing on the canvas
        var ctx = canvas.getContext("2d");

// Load the pictograms
        var houseImg = new Image();
        houseImg.src = "house.png";

var thiefImg = new Image();
        thiefImg.src = "thief.png";

// Initialize game variables
        var isGameStarted = false;
        var isGameFinished = false;
        var score = 0;

// Display start screen
        function displayStartScreen() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.font = "30px Arial";
            ctx.fillText("اضغط لبدء اللعبة", 80, 200);
        }

// Handle game start
        function startGame() {
            isGameStarted = true;
            isGameFinished = false;
            score = 0;
            gameLoop();
        }

// Display game over screen
        function displayGameOver() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.font = "30px Arial";
            ctx.fillText("Game Over", 130, 180);
            ctx.fillText("النتيجة: " + score, 130, 230);
            ctx.fillText("اضغط لبدء جديد", 100, 280);
        }

// Update and draw game objects
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the house
            ctx.drawImage(houseImg, 100, 150, 200, 200);

// Draw the thief
            ctx.drawImage(thiefImg, 180, 100, 40, 40);
        }

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

if (!isGameFinished) {
                requestAnimationFrame(gameLoop);
            }
        }

// Update game logic
        function update() {
            // Check if the thief has entered the house
            if (isThiefInHouse()) {
                endGame();
            }
        }

// Check if the thief is inside the house
        function isThiefInHouse() {
            var thiefX = 180;
            var thiefY = 100;

var houseX = 100;
            var houseY = 150;
            var houseWidth = 200;
            var houseHeight = 200;

if (thiefX >= houseX && thiefX <= houseX + houseWidth && thiefY >= houseY && thiefY <= houseY + houseHeight) {
                return true;
            }
            return false;
        }

// End the game
        function endGame() {
            isGameFinished = true;
            displayGameOver();
        }

// Handle user input
        canvas.addEventListener("click", function() {
            if (!isGameStarted) {
                startGame();
            } else if (isGameFinished) {
                startGame();
            }
        });

// Display the start screen initially
        displayStartScreen();
    </script>
</body>
</html>