Make me a donkey game's game

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

No:33080

←

Prev Next

→

Make me a donkey game
Developer User15603｜Date and time 24/1/2 14:04:00
Build time 17.288 sec｜Game capacity 2.456KB｜

Script

Sure! Here's a simple donkey game implemented as a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms for a more interactive experience. Just copy the code below and save it with a .html extension to play the game.

🙂

🐴

This game involves controlling the player (represented by the emoji 🙂) to avoid colliding with the donkey (represented by the emoji 🐴). You can control the player by tapping the left and right arrows provided on the screen. If the player collides with the donkey, a "Game Over" message will appear, and you can reset the game to play again.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Donkey Game</title>
    <style>
        #game-board {
            width: 100%;
            height: 500px;
            background-color: #e6e6e6;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

#player {
            font-size: 64px;
            margin-bottom: 20px;
        }

#donkey {
            font-size: 80px;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="player">🙂</div>
        <div id="donkey">🐴</div>
        <button onclick="movePlayer(-10)"><</button>
        <button onclick="movePlayer(10)">></button>
    </div>

function movePlayer(position) {
            playerPosition += position;
            document.getElementById("player").style.marginLeft = playerPosition + "px";
            checkCollision();
        }

function checkCollision() {
            const player = document.getElementById("player");
            const donkey = document.getElementById("donkey");
            
            const playerRect = player.getBoundingClientRect();
            const donkeyRect = donkey.getBoundingClientRect();

if (playerRect.right >= donkeyRect.left && playerRect.left <= donkeyRect.right) {
                gameOver();
            }
        }

function gameOver() {
            alert("Donkey catches you! Game Over!");
            resetGame();
        }

function resetGame() {
            playerPosition = 0;
            document.getElementById("player").style.marginLeft = playerPosition + "px";
        }
    </script>
</body>
</html>
```