Escape from baby doll survival's game

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

No:28224

←

Prev Next

→

Escape from baby doll survival
Developer User13970｜Date and time 23/12/11 8:55:41
Build time 19.636 sec｜Game capacity 3.827KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Escape from Baby Doll Survival</title>
</head>
<body>
    <div id="game-container">
        <div id="game-area">
            <img id="player" src="player.png" alt="Player">
            <img id="baby-doll" src="baby-doll.png" alt="Baby Doll">
        </div>
        <button id="start-btn">Start Game</button>
        <button id="reset-btn">Reset Game</button>
    </div>

let isGameRunning = false;
            let playerX = 200;
            let playerY = 200;
            let babyDollX = getRandomPosition();
            let babyDollY = getRandomPosition();

function getRandomPosition() {
                return Math.floor(Math.random() * 400 + 50);
            }

function handleGamePlay() {
                if (isGameRunning) {
                    resetGame();
                    startBtn.innerText = "Start Game";
                    isGameRunning = false;
                } else {
                    startBtn.innerText = "End Game";
                    isGameRunning = true;
                    gameArea.addEventListener("mousemove", movePlayer);
                    gameContainer.addEventListener("click", checkCollision);
                    moveBabyDoll();

function movePlayer(event) {
                        playerX = event.clientX - gameArea.offsetLeft;
                        playerY = event.clientY - gameArea.offsetTop;
                        player.style.left = playerX + "px";
                        player.style.top = playerY + "px";
                    }

function moveBabyDoll() {
                        babyDollX = getRandomPosition();
                        babyDollY = getRandomPosition();
                        babyDoll.style.left = babyDollX + "px";
                        babyDoll.style.top = babyDollY + "px";
                        if (isGameRunning) {
                            setTimeout(moveBabyDoll, 1000);
                        }
                    }

function checkCollision() {
                        const playerRect = player.getBoundingClientRect();
                        const babyDollRect = babyDoll.getBoundingClientRect();

if (
                            playerRect.left < babyDollRect.right &&
                            playerRect.right > babyDollRect.left &&
                            playerRect.top < babyDollRect.bottom &&
                            playerRect.bottom > babyDollRect.top
                        ) {
                            alert("Game Over! The Baby Doll caught you.");
                            resetGame();
                        }
                    }
                }
            }

function resetGame() {
                gameArea.removeEventListener("mousemove", movePlayer);
                gameContainer.removeEventListener("click", checkCollision);
                player.style.left = "200px";
                player.style.top = "200px";
                babyDoll.style.left = getRandomPosition() + "px";
                babyDoll.style.top = getRandomPosition() + "px";
            }

startBtn.addEventListener("click", handleGamePlay);
            resetBtn.addEventListener("click", resetGame);
        });
    </script>
</body>
</html>