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

No:47544

135

←

Prev Next

→

A boy journey to the realm of food
Developer User20517｜Date and time 24/2/28 11:00:48
Build time 8.906 sec｜Game capacity 2.107KB｜

Script

Food Journey

Welcome to the realm of food! Help the boy find his way to the delicious treats.

This HTML file contains a simple game where a boy must navigate to various food items represented by pictograms. The user can use the arrow keys to move the boy left and right to collect the food items. The game starts when the "Start Journey" button is clicked.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Food Journey</title>
<style>
    body {
        text-align: center;
        font-family: Arial, sans-serif;
    }
    img {
        width: 100px;
        height: 100px;
    }
</style>
</head>
<body>
<h1>Food Journey</h1>
<p>Welcome to the realm of food! Help the boy find his way to the delicious treats.</p>
<button onclick="startGame()">Start Journey</button>
<div id="game"></div>
<script>
    function startGame() {
        const gameElement = document.getElementById('game');
        const boy = '<img src="boy.png" alt="Boy">';
        const foods = ['🍔', '🍕', '🌮', '🍣', '🍦', '🍩'];
        
        let boyPosition = 0;
        let foodPosition = Math.floor(Math.random() * 6);
        
        updateGame();
        
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowRight' && boyPosition < 5) {
                boyPosition++;
            } else if (event.key === 'ArrowLeft' && boyPosition > 0) {
                boyPosition--;
            }
            
            if (boyPosition === foodPosition) {
                foodPosition = Math.floor(Math.random() * 6);
            }
            
            updateGame();
        });
        
        function updateGame() {
            let gameString = '';
            for (let i = 0; i < 6; i++) {
                if (i === boyPosition) {
                    gameString += boy;
                } else if (i === foodPosition) {
                    gameString += foods[foodPosition];
                } else {
                    gameString += '_';
                }
            }
            gameElement.innerHTML = gameString;
        }
    }
</script>
</body>
</html>
```