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

No:22616

←

Prev Next

→

Mario wonder
Developer User10433｜Date and time 23/10/23 16:52:24
Build time 40.568 sec｜Game capacity 2.355KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. This game is a simplified version of the classic Super Mario game with pictograms.

Mario Wonder Game

Make sure to replace `emozi_all/mario.png` and `emozi_all/coin.png` with the actual image URLs you want to use for the game. This game consists of a Mario character and a moving coin. The objective is to click on the moving coin to collect it and increase the score. The score is displayed in an alert dialog each time a coin is collected.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. This game is a simplified version of the classic Super Mario game with pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Wonder Game</title>
    <style>
        body {
            text-align: center;
        }
        #game-board {
            margin: 20px auto;
            width: 300px;
            height: 150px;
            border: 1px solid black;
            position: relative;
        }
        .mario {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 0;
        }
        .coin {
            width: 30px;
            height: 30px;
            position: absolute;
            top: 0;
        }
    </style>
</head>
<body>
    <h1>Mario Wonder Game</h1>
    <div id="game-board">
        <img id="mario" class="mario" src="mario.png" alt="Mario">
        <img id="coin" class="coin" src="coin.png" alt="Coin">
    </div>

// Initialize game elements
        function initialize() {
            mario = document.getElementById("mario");
            coin = document.getElementById("coin");
            coin.style.left = Math.floor(Math.random() * 250) + "px";
            coin.addEventListener("click", collectCoin);
            setInterval(moveCoinDown, 1000);
        }

// Move the coin down
        function moveCoinDown() {
            var top = parseInt(coin.style.top);
            if (top < 120) {
                coin.style.top = (top + 10) + "px";
            } else {
                coin.style.top = "0px";
                coin.style.left = Math.floor(Math.random() * 250) + "px";
            }
        }

// Collect the coin
        function collectCoin() {
            score++;
            alert("Coin collected! Score: " + score);
        }

// Start the game
        initialize();

</script>
</body>
</html>
```

Make sure to replace `mario.png` and `coin.png` with the actual image URLs you want to use for the game. This game consists of a Mario character and a moving coin. The objective is to click on the moving coin to collect it and increase the score. The score is displayed in an alert dialog each time a coin is collected.