AI game creator

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

No:9538

3547

←

Prev Next

→

Amazon recreation
Developer anonymous｜Date and time 70/1/1 9:59:03
Build time unknown sec｜Game capacity 3.543KB｜

Script

Sure! Here's an example of a simple game that can be played on a smartphone using pictograms. The game is called "Amazon Recreation" where the player needs to catch falling smiley faces with a basket.

To use this code, save it as a single HTML file (e.g., game.html), and make sure you have two image files named "emozi_all/basket.png" and "emozi_chicken.png" in the same directory as the HTML file. These images should be pictograms representing a basket and a smiley face, respectively. When you open the HTML file on a smartphone, it will display a game where smiley faces fall from the top of the screen, and your task is to move the basket horizontally using touch or mouse movement to catch the falling smileys. Note: This is a basic demonstration and can be expanded upon with additional features, levels, scoring, and more.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Amazon Recreation</title>
    <style>
        body {
            background-color: #f8f8f8;
            margin: 0;
            padding: 0;
        }
        
        #game-container {
            position: relative;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        
        #basket {
            width: 80px;
            height: 80px;
            background-image: url('basket.png');
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            bottom: 0;
            left: calc(50% - 40px);
        }
        
        .falling-smiley {
            width: 60px;
            height: 60px;
            position: absolute;
            left: calc(50% - 30px);
            top: -60px;
            background-image: url('smiley.png');
            background-size: contain;
            background-repeat: no-repeat;
            animation-name: fall;
            animation-duration: 3s;
            animation-timing-function: linear;
            animation-fill-mode: forwards;
        }
        
        @keyframes fall {
            0% { top: -60px; }
            100% { top: calc(100vh - 60px); }
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="basket"></div>
    </div>

function createFallingSmiley() {
            const gameContainer = document.getElementById('game-container');
            const smiley = document.createElement('div');
            smiley.className = 'falling-smiley';

// Randomly position the smiley horizontally
            smiley.style.left = Math.random() * (gameContainer.offsetWidth - 60) + 'px';

gameContainer.appendChild(smiley);

// Remove smiley when it reaches the bottom
            smiley.addEventListener('animationend', () => {
                smiley.remove();
            });

// Basket movement
            document.addEventListener('mousemove', event => {
                const basket = document.getElementById('basket');
                const x = event.pageX;
                const containerLeft = gameContainer.offsetLeft;
                const containerRight = gameContainer.offsetLeft + gameContainer.offsetWidth;
                
                if (x >= containerLeft && x <= containerRight) {
                    basket.style.left = (x - containerLeft - 40) + 'px';
                }
            });
        }
    </script>
</body>
</html>
```

To use this code, save it as a single HTML file (e.g., game.html), and make sure you have two image files named "basket.png" and "smiley.png" in the same directory as the HTML file. These images should be pictograms representing a basket and a smiley face, respectively.

When you open the HTML file on a smartphone, it will display a game where smiley faces fall from the top of the screen, and your task is to move the basket horizontally using touch or mouse movement to catch the falling smileys.

Note: This is a basic demonstration and can be expanded upon with additional features, levels, scoring, and more.