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

No:14979

Game where i have to eat a plate of peas with a sp..ALL
Developer User6463｜Date and time 23/9/5 14:52:35
Build time 30.688 sec｜Game capacity 3.304KB｜

Script

Sure! Here's an example of a game where you have to eat a plate of peas with a spoon while dealing with slippery peas and a wobbly spoon. This game can be played on a smartphone.

Slippery Peas Game

Peas Eaten: 0

Please note that this example assumes you have "emozi_bear.png" and "emozi_all/spoon.png" images placed in the same directory as the HTML file. You can replace them with any appropriate pictograms of your choice. Remember to adjust the image dimensions accordingly in the CSS.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a game where you have to eat a plate of peas with a spoon while dealing with slippery peas and a wobbly spoon. This game can be played on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Slippery Peas Game</title>
    <style>
        body {
            padding: 25px;
            font-family: Arial, sans-serif;
            text-align: center;
        }
    
        #plate {
            width: 300px;
            height: 300px;
            background-color: #f5f5f5;
            margin: 0 auto;
            position: relative;
        }
    
        #peas {
            background-image: url('peas.png');
            width: 60px;
            height: 60px;
            position: absolute;
            cursor: pointer;
        }
    
        #spoon {
            background-image: url('spoon.png');
            width: 100px;
            height: 100px;
            position: absolute;
            cursor: pointer;
        }
        
        #score {
            margin-top: 15px;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <h1>Slippery Peas Game</h1>
    <div id="plate">
        <div id="peas"></div>
        <div id="spoon"></div>
    </div>
    <p id="score">Peas Eaten: 0</p>
    
    <script>
        var score = 0;
        var peasEaten = 0;
        var spoonWobbles = 0;
        
        var plate = document.getElementById('plate');
        var peas = document.getElementById('peas');
        var spoon = document.getElementById('spoon');
        var scoreDisplay = document.getElementById('score');
        
        spoon.style.left = (plate.offsetWidth / 2 - spoon.offsetWidth / 2) + 'px';
        spoon.style.top = (plate.offsetHeight / 2 - spoon.offsetHeight / 2) + 'px';
        
        function eatPeas() {
            peasEaten++;
            score++;
            scoreDisplay.textContent = 'Peas Eaten: ' + peasEaten;
            generatePeas();
        }
        
        function generatePeas() {
            var randomX = Math.floor(Math.random() * (plate.offsetWidth - peas.offsetWidth));
            var randomY = Math.floor(Math.random() * (plate.offsetHeight - peas.offsetHeight));
            
            peas.style.left = randomX + 'px';
            peas.style.top = randomY + 'px';
            peas.addEventListener('click', eatPeas);
        }
        
        function wobbleSpoon(event) {
            spoonWobbles++;
            spoon.style.transform = 'rotate(' + spoonWobbles + 'deg)';
        }
        
        plate.addEventListener('mousemove', moveSpoon);
        plate.addEventListener('click', wobbleSpoon);
        
        generatePeas();
        
        function moveSpoon(event) {
            var plateRect = plate.getBoundingClientRect();
            var x = event.clientX - plateRect.left - spoon.offsetWidth / 2;
            var y = event.clientY - plateRect.top - spoon.offsetHeight / 2;
            
            spoon.style.left = x + 'px';
            spoon.style.top = y + 'px';
        }
    </script>
</body>
</html>
```

Please note that this example assumes you have "peas.png" and "spoon.png" images placed in the same directory as the HTML file. You can replace them with any appropriate pictograms of your choice. Remember to adjust the image dimensions accordingly in the CSS.