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

No:33858

←

Prev Next

→

Mario
Developer User15889｜Date and time 24/1/6 21:17:53
Build time 25.83 sec｜Game capacity 2.509KB｜

Script

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

Mario Game

In this implementation, you'll see a simple game where you control Mario's position using the space bar key. The goal is to avoid colliding with the obstacle. The game keeps track of your score, and if a collision occurs, an alert is displayed with your score and the game is reset.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mario Game</title>
    <style>
        /* CSS styles for game elements */
        #mario {
            position: absolute;
            top: 300px;
            left: 50px;
            font-size: 40px;
        }

#obstacle {
            position: absolute;
            top: 300px;
            left: 400px;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <h1>Mario Game</h1>
    <canvas id="game-canvas" width="800" height="400"></canvas>

// Function to move Mario
        function moveMario(event) {
            if (event.keyCode === 32) { // Space bar key
                marioPosition += 50;
                updateGame();
            }
        }

// Function to update the game state
        function updateGame() {
            // Clear the canvas
            var canvas = document.getElementById("game-canvas");
            var ctx = canvas.getContext("2d");
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update Mario's position
            var mario = document.getElementById("mario");
            mario.style.left = marioPosition + "px";

// Update the obstacle's position
            var obstacle = document.getElementById("obstacle");
            obstacle.style.left = obstaclePosition + "px";

// Check for collision
            if ((marioPosition + mario.offsetWidth) >= obstaclePosition && marioPosition <= (obstaclePosition + obstacle.offsetWidth)) {
                alert("Game Over! Your score: " + score);
                resetGame();
            }

// Increment the score
            score++;
        }

// Function to reset the game
        function resetGame() {
            marioPosition = 50;
            obstaclePosition = 400;
            score = 0;
        }

// Start the game
        window.addEventListener("keydown", moveMario);
        updateGame();
    </script>
</body>
</html>
```