AI game creator

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

No:20265

160

←

Prev Next

→

Mario
Developer User9004｜Date and time 23/10/9 2:30:26
Build time 8.533 sec｜Game capacity 2.19KB｜

Script

Sure! Here's an example of a simple Mario game implemented in a single HTML file using JavaScript:

In this example, Mario's pictogram is loaded, and the player can make Mario jump by touching the screen. The game continuously updates Mario's position and redraws the canvas accordingly using the `gameLoop()` function. The `jump()` function is called when a touch event is detected, allowing the player to control Mario's jump.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple Mario game implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Game</title>
    <style>
        canvas {
            border: 1px solid black;
            background-color: #333;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Load pictograms
        var mario = new Image();
        mario.src = "mario.png";

// Mario's position and controls
        var marioX = 50;
        var marioY = canvas.height - 100;
        var marioSize = 50;
        var jumpHeight = 150;
        var gravity = 5;
        var jumping = false;

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

// Update Mario's position
            if (jumping) {
                marioY -= gravity;
                gravity -= 1;

if (marioY >= canvas.height - marioSize) {
                    jumping = false;
                    marioY = canvas.height - marioSize;
                    gravity = 5;
                }
            }

// Draw Mario
            context.drawImage(mario, marioX, marioY, marioSize, marioSize);

// Request next loop iteration
            requestAnimationFrame(gameLoop);
        }

// Player input
        function jump() {
            if (!jumping) {
                jumping = true;
            }
        }

// Event listeners for touch events
        document.addEventListener("touchstart", jump);

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