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

No:39055

You Are a Penguin, Your Sidekick is an Elephant, Y..ALL
Developer User17486｜Date and time 24/1/26 12:44:57
Build time 16.064 sec｜Game capacity 3.381KB｜

Script

Penguin Adventure

🐊

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Penguin Adventure</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            background-color: #ddf2f7;
        }
        
        h1 {
            color: #194e8e;
        }
        
        #game-area {
            margin-top: 50px;
        }
        
        #player {
            width: 50px;
            margin-bottom: 20px;
        }
        
        #villain {
            width: 60px;
            margin-top: 10px;
            margin-bottom: 20px;
        }
        
        #grass {
            height: 30px;
            background-color: #9bd094;
            margin-bottom: 20px;
        }
        
        #crocodile {
            font-size: 30px;
            margin-top: 10px;
            margin-bottom: 20px;
        }
        
        .controls {
            margin-top: 30px;
            display: flex;
            justify-content: center;
        }
    </style>
</head>
<body>
    <h1>Penguin Adventure</h1>
    
    <div id="game-area">
        <div id="grass"></div>
        <img id="player" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/penguin_1f427.png" alt="Penguin">
        <img id="villain" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/lion-face_1f981.png" alt="Lion">
        <div id="crocodile">🐊</div>
    </div>

moveLeftButton.addEventListener("click", moveLeft);
    moveRightButton.addEventListener("click", moveRight);

function moveLeft() {
        currentPosition -= 50;
        player.style.transform = `translateX(${currentPosition}px)`;

if (currentPosition % 400 === 0) {
            showCrocodile();
        }

if (currentPosition === -600) {
            showVillain();
        }

if (currentPosition === -700) {
            gameOver(false);
        }
    }

function moveRight() {
        currentPosition += 50;
        player.style.transform = `translateX(${currentPosition}px)`;

if (currentPosition % 400 === 0) {
            showCrocodile();
        }

if (currentPosition === -600) {
            showVillain();
        }

if (currentPosition === -700) {
            gameOver(false);
        }
    }

function showCrocodile() {
        crocodile.style.display = "block";
    }

function showVillain() {
        villain.style.display = "block";
    }

function gameOver(success) {
        if (success) {
            alert("Congratulations! You escaped from the lion.");
        } else {
            alert("Oh no! The lion got you.");
        }

restartGame();
    }

function restartGame() {
        currentPosition = 0;
        player.style.transform = `translateX(${currentPosition}px)`;
        crocodile.style.display = "none";
        villain.style.display = "none";
    }
</script>
</body>
</html>