AI game creator

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

No:27701

←

Prev Next

→

Mario
Developer User13763｜Date and time 23/12/8 10:02:17
Build time 14.878 sec｜Game capacity 2.51KB｜

Script

Sure! Here's a simple implementation of a Mario game using pictograms, written as a single HTML file enclosed in script tags:

In this game, Mario starts at the bottom of the game area and continuously moves down. The player can tap the game area on their smartphone screen to make Mario move to the right. The game ends if Mario reaches the bottom of the game area, and a "Game Over" alert is shown. Mario's position is then reset, and the game loop starts again. Note: In this example, I assumed you have an image file called "emozi_all/mario.png" available in the same directory as the HTML file. You can replace it with any other pictogram or use a different image file by updating the `src` attribute of the `img` tag.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a Mario game using pictograms, written as a single HTML file enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Game</title>
    <style>
        #game {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }

.mario {
            position: absolute;
            bottom: 0;
        }
    </style>
</head>
<body>
    <div id="game">
        <img class="mario" src="mario.png" alt="Mario" width="50" height="50">
    </div>

// Get the Mario element
        const marioElement = document.querySelector('.mario');

// Set initial Mario position
        let marioPosition = 0;

// Handle touch events
        gameElement.addEventListener('touchstart', (event) => {
            // Move Mario to the right
            marioPosition += 50;
            marioElement.style.left = marioPosition + 'px';
        });

// Game loop to animate Mario
        function gameLoop() {
            // Move Mario down
            marioElement.style.bottom = parseInt(marioElement.style.bottom) + 1 + 'px';

// Check if Mario reaches the bottom of the game area
            if (parseInt(marioElement.style.bottom) >= (gameElement.offsetHeight - marioElement.offsetHeight)) {
                // Game over
                alert('Game Over');
                
                // Reset Mario position
                marioPosition = 0;
                marioElement.style.left = marioPosition + 'px';
                marioElement.style.bottom = '0px';
            }

// Repeat the game loop
            requestAnimationFrame(gameLoop);
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>
```

Note: In this example, I assumed you have an image file called "mario.png" available in the same directory as the HTML file. You can replace it with any other pictogram or use a different image file by updating the `src` attribute of the `img` tag.