A game where you just walk to get a cake's game

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

No:38354

←

Prev Next

→

A game where you just walk to get a cake
Developer User17375｜Date and time 24/1/24 16:15:12
Build time 8.445 sec｜Game capacity 2.124KB｜

Script

Sure! Here's a simple game where you can walk to get a cake using JavaScript and pictograms:

🚶

🎂

This HTML file implements a simple game where you control a walking character (represented by the "🚶" pictogram) to reach a cake (represented by the "🎂" pictogram). You can use the arrow keys to move the character to the right. Once the character reaches the cake, an alert message will appear on the screen congratulating you. To play the game, simply open the HTML file on a web browser (preferably on a smartphone) and use arrow key presses to move the character towards the cake. Have fun!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game where you can walk to get a cake using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Walk to Get Cake</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f1f1f1;
        }
        
        #player {
            font-size: 48px;
        }
        
        #cake {
            font-size: 48px;
            visibility: hidden;
        }
    </style>
</head>
<body>
    <p id="player">🚶</p>
    <p id="cake">🎂</p>

function movePlayer(event) {
            const player = document.getElementById('player');
            const cake = document.getElementById('cake');

// Get current player position
            const playerPosition = parseInt(player.style.left) || 0;

// Move player based on key presses
            if (event.key === 'ArrowRight') {
                player.style.left = playerPosition + 10 + 'px';
            } else if (event.key === 'ArrowLeft') {
                player.style.left = playerPosition - 10 + 'px';
            }

// Check if player reached the cake
            if (playerPosition >= 300) {
                cake.style.visibility = 'visible';
                document.removeEventListener('keydown', movePlayer);
                alert('Congratulations! You got the cake!');
            }
        }
    </script>
</body>
</html>
```

To play the game, simply open the HTML file on a web browser (preferably on a smartphone) and use arrow key presses to move the character towards the cake. Have fun!