AI game creator

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

No:26028

←

Prev Next

→

Mario games
Developer User12785｜Date and time 23/11/26 5:56:37
Build time 82.933 sec｜Game capacity 3.291KB｜

Script

Sure! Here's a simple implementation of a mini Mario game using JavaScript and HTML. This game can be played on a smartphone and uses pictograms for a visual representation of Mario.

To play the game, you can copy the above code and save it as an HTML file. Run the file in a browser, and a Mario game will be displayed. Use the up and down arrow keys to control Mario and avoid the mushroom obstacles. The game will keep track of your score, and if you collide with an obstacle, a game over message will be displayed with your final score. You can then reload the game to play again.

←

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 mini Mario game using JavaScript and HTML. This game can be played on a smartphone and uses pictograms for a visual representation of Mario.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Mario Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="240"></canvas>
    <script>
        // Game Variables
        var canvas, ctx;
        var mario;
        var obstacles;
        var score;

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

mario = { x: 50, y: canvas.height / 2, speed: 5 };
            obstacles = [];

score = 0;

document.addEventListener("keydown", keyDownHandler);
            setInterval(gameLoop, 20); // Update game every 20ms
        }

// Handle key presses
        function keyDownHandler(e) {
            if (e.key === "ArrowUp" && mario.y > 0) {
                mario.y -= mario.speed;
            }
            else if (e.key === "ArrowDown" && mario.y < canvas.height - 30) {
                mario.y += mario.speed;
            }
        }

// Game loop
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Mario
            ctx.font = "30px Arial";
            ctx.fillText("👨‍🚀", mario.x, mario.y);

// Create obstacles
            if (Math.random() < 0.05) {
                var obstacle = { x: canvas.width, y: Math.random() * canvas.height, width: 30, height: 30 };
                obstacles.push(obstacle);
            }

// Move and draw obstacles
            for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].x -= 3;
                ctx.fillText("🍄", obstacles[i].x, obstacles[i].y);

// Check collision with Mario
                if (isColliding(mario, obstacles[i])) {
                    alert("Game Over! Score: " + score);
                    location.reload(); // Restart the game
                }

// Remove off-screen obstacles
                if (obstacles[i].x + obstacles[i].width < 0) {
                    obstacles.splice(i, 1);
                    score++; // Increase score every time an obstacle is avoided
                }
            }

// Display score
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 20);
        }

// Check collision between two objects
        function isColliding(obj1, obj2) {
            return obj1.x < obj2.x + obj2.width &&
                obj1.x + 30 > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + 30 > obj2.y;
        }

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