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

No:42530

123

←

Prev Next

→

Yoshi's Epic Adventure
Developer User11298｜Date and time 24/2/11 23:49:32
Build time 15.577 sec｜Game capacity 4.857KB｜

Script

Yoshi's Epic Adventure

Help Yoshi collect as many eggs as possible!

Score: 0

←

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>Yoshi's Epic Adventure</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            text-align: center;
            background-color: #5c94fc;
        }

#game-container {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }

#game-screen {
            background-color: #ffffff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

#game-title {
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 20px;
        }

#game-instructions {
            font-size: 20px;
            margin-bottom: 20px;
        }

#game-score {
            font-size: 24px;
            margin-bottom: 20px;
        }

#game-result {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 20px;
        }

.button {
            background-color: #dc3545;
            color: #ffffff;
            border: none;
            padding: 10px 20px;
            font-size: 18px;
            border-radius: 5px;
            cursor: pointer;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="game-screen">
            <h1 id="game-title">Yoshi's Epic Adventure</h1>
            <p id="game-instructions">Help Yoshi collect as many eggs as possible!</p>
            <p id="game-score">Score: 0</p>
            <p id="game-result"></p>
            <button class="button" id="start-button">Start Game</button>
        </div>
    </div>

// Pictograms
        const yoshiImage = "🦖";
        const eggImage = "🥚";

// Game elements
        const gameTitleElement = document.getElementById('game-title');
        const gameInstructionsElement = document.getElementById('game-instructions');
        const gameScoreElement = document.getElementById('game-score');
        const gameResultElement = document.getElementById('game-result');
        const startButton = document.getElementById('start-button');

// Game logic
        function startGame() {
            isGameStarted = true;
            score = 0;
            gameScoreElement.innerHTML = "Score: " + score;
            gameResultElement.innerHTML = "";

gameTitleElement.style.display = 'none';
            gameInstructionsElement.style.display = 'none';
            startButton.style.display = 'none';

// Start timer
            gameTimer = setInterval(spawnEgg, 1000);
        }

function endGame() {
            clearInterval(gameTimer);
            isGameStarted = false;
            gameScoreElement.style.display = 'none';
            gameResultElement.innerHTML = "Game Over! Final Score: " + score;
            startButton.innerText = "Restart Game";
            startButton.style.display = 'block';
        }

function spawnEgg() {
            const egg = document.createElement('div');
            egg.innerHTML = eggImage;
            egg.style.fontSize = '50px';
            egg.style.position = 'absolute';
            egg.style.left = Math.random() * (window.innerWidth - 100) + 'px';
            egg.style.top = Math.random() * (window.innerHeight - 100) + 'px';
            egg.addEventListener('click', collectEgg);

document.body.appendChild(egg);

setTimeout(function () {
                if (egg.parentNode) {
                    egg.parentNode.removeChild(egg);
                    if (isGameStarted) {
                        score -= 10;
                        gameScoreElement.innerHTML = "Score: " + score;
                    }
                }
            }, 3000);
        }

function collectEgg(event) {
            if (isGameStarted) {
                score += 10;
                gameScoreElement.innerHTML = "Score: " + score;
                event.target.parentNode.removeChild(event.target);
            }
        }

// Event listeners
        startButton.addEventListener('click', function () {
            if (!isGameStarted) {
                startGame();
            } else {
                startButton.style.display = 'none';
                gameTitleElement.style.display = 'block';
                gameInstructionsElement.style.display = 'block';
                gameScoreElement.style.display = 'block';
                gameResultElement.innerHTML = "";
                gameResultElement.style.display = 'block';
            }
        });
    </script>
</body>
</html>