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

No:17530

106

←

Prev Next

→

eat everything i meant EVERYTHING!
Developer User7709｜Date and time 23/9/23 18:13:23
Build time 33.824 sec｜Game capacity 3.486KB｜

Script

Sure, here's an example of a simple game where you control a character on a smartphone screen using pictograms:

Eat Everything!

Use the buttons below to move the character and eat all the food!

In this game, you control the red character using the left and right arrow buttons on the screen. The goal is to eat all the green food items by moving the character towards them. When the character touches a food item, it disappears, and the score is incremented. An alert message will pop up once all the food has been eaten, indicating that you've won the game.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple game where you control a character on a smartphone screen using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Eat Everything!</title>
    <style>
        body {
            background-color: #333;
            text-align: center;
            color: #FFF;
            font-family: Arial, sans-serif;
        }
        
        #game-area {
            width: 300px;
            height: 400px;
            margin: 0 auto;
            background-color: #FFF;
            border-radius: 10px;
            position: relative;
        }
        
        #character {
            width: 50px;
            height: 50px;
            background-color: red;
            border-radius: 50%;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .food {
            width: 20px;
            height: 20px;
            background-color: green;
            border-radius: 50%;
            position: absolute;
            top: 0;
        }
    </style>
</head>
<body>
    
    <h1>Eat Everything!</h1>
    <p>Use the buttons below to move the character and eat all the food!</p>
    
    <div id="game-area">
        <div id="character"></div>
        <div class="food" style="left: 30%"></div>
        <div class="food" style="left: 50%"></div>
        <div class="food" style="left: 70%"></div>
    </div>
    
    <div>
        <button onclick="moveLeft()">◄</button>
        <button onclick="moveRight()">►</button>
    </div>

function moveLeft() {
            var characterPos = parseInt(character.style.left);
            if (characterPos > leftLimit) {
                character.style.left = (characterPos - 10) + "px";
                checkCollision();
            }
        }

function moveRight() {
            var characterPos = parseInt(character.style.left);
            if (characterPos < rightLimit) {
                character.style.left = (characterPos + 10) + "px";
                checkCollision();
            }
        }

function checkCollision() {
            for (var i = 0; i < foods.length; i++) {
                var food = foods[i];
                var foodPos = parseInt(food.style.left);
                var characterPos = parseInt(character.style.left);

if (
                    foodPos >= characterPos &&
                    foodPos <= characterPos + 50 &&
                    food.style.top === '0px'
                ) {
                    food.style.display = 'none';
                    score++;
                    if (score === foods.length) {
                        endGame();
                    }
                }
            }
        }

function endGame() {
            alert("Congratulations! You've eaten everything!");
        }
    </script>
    
</body>
</html>
```