Make a version of Mario were you can jump ,go left and right,jump on gommbas ;and hit bricks's game

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

No:11122

109

←

Prev Next

→

Make a version of Mario were you can jump ,go left..ALL
Developer unknown｜Date and time 23/8/8 0:26:43
Build time 41.698 sec｜Game capacity 4.963KB｜

Script

Sure! Here's a simplified version of a Mario game that you can play in a smartphone browser:

Save the code above to a file with an `.html` extension (e.g., `mario_game.html`) and open it in a smartphone browser. You'll be able to control Mario by tapping the left or right side of the screen to move and tapping anywhere on the screen to make Mario jump. The game will end if Mario collides with a goomba.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simplified version of a Mario game that you can play in a smartphone browser:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Simple Mario Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="300"></canvas>

// Mario position and size
        var mario = {
            x: 50,
            y: canvas.height - 64,
            width: 64,
            height: 64,
            speed: 3,
            jumping: false
        };

// Goombas position and size
        var goombas = [{
            x: canvas.width,
            y: canvas.height - 64,
            width: 64,
            height: 64,
            speed: 2
        }];

// Bricks position and size
        var bricks = [{
            x: 200,
            y: 200,
            width: 64,
            height: 64
        }];

// Key states
        var keys = {
            left: false,
            right: false,
            space: false
        };

// Event listeners for keydown and keyup events
        document.addEventListener("keydown", function (event) {
            event.preventDefault();
            if (event.key === "ArrowLeft" || event.key === "Left") {
                keys.left = true;
            }
            if (event.key === "ArrowRight" || event.key === "Right") {
                keys.right = true;
            }
            if (event.key === " ") {
                keys.space = true;
            }
        });

// Update function to handle game logic
        function update() {
            // Move Mario
            if (keys.left && mario.x > 0) {
                mario.x -= mario.speed;
            }
            if (keys.right && mario.x < canvas.width - mario.width) {
                mario.x += mario.speed;
            }

// Jumping logic
            if (keys.space && !mario.jumping) {
                mario.jumping = true;
                mario.y -= 10;
                var jumpInterval = setInterval(function () {
                    if (mario.y < canvas.height - mario.height) {
                        mario.y += 2;
                    } else {
                        mario.jumping = false;
                        clearInterval(jumpInterval);
                    }
                }, 10);
            }

// Update goombas position
            for (var i = 0; i < goombas.length; i++) {
                goombas[i].x -= goombas[i].speed;

// Check collision with Mario
                if (isColliding(mario, goombas[i])) {
                    endGame();
                }
            }

render();
        }

// Render function to draw elements on canvas
        function render() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Mario
            ctx.fillStyle = "blue";
            ctx.fillRect(mario.x, mario.y, mario.width, mario.height);

// Draw Goombas
            ctx.fillStyle = "red";
            for (var i = 0; i < goombas.length; i++) {
                ctx.fillRect(goombas[i].x, goombas[i].y, goombas[i].width, goombas[i].height);
            }

// Draw Bricks
            ctx.fillStyle = "brown";
            for (var i = 0; i < bricks.length; i++) {
                ctx.fillRect(bricks[i].x, bricks[i].y, bricks[i].width, bricks[i].height);
            }
        }

// Collision detection function
        function isColliding(rect1, rect2) {
            return rect1.x < rect2.x + rect2.width &&
                   rect1.x + rect1.width > rect2.x &&
                   rect1.y < rect2.y + rect2.height &&
                   rect1.y + rect1.height > rect2.y;
        }

// Function to end the game
        function endGame() {
            alert("Game Over!");
            document.location.reload();
        }

// Main game loop
        setInterval(update, 10);
    </script>
</body>
</html>
```