A super mario bros game's game

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

No:24788

113

←

Prev Next

→

A super mario bros game
Developer User11857｜Date and time 23/11/12 5:00:38
Build time 126.952 sec｜Game capacity 2.914KB｜

Script

Sure! Here's a simple implementation of a Super Mario Bros game using JavaScript and HTML:

To play the game, save the above code into a single HTML file, and make sure to also have an image file named "emozi_all/play.png" in the same directory as the HTML file. You can use any Mario sprite image you like. When you open the HTML file in a web browser, it will display a canvas where you can control Mario's movement using the arrow keys (left, right, up, down). The Mario sprite will move across the screen accordingly. Please note that this implementation is a very basic starting point for a Mario game, and it does not include any enemies, obstacles, or other game mechanics. It's up to you to further expand on this code to create a more complete Super Mario Bros experience.

←

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 Super Mario Bros game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Super Mario Bros</title>
    <style>
        body { 
            margin: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Define Mario's starting position
        let marioX = 50;
        let marioY = 50;

// Define Mario's size
        const marioWidth = 50;
        const marioHeight = 50;

// Load Mario's image
        const marioImg = new Image();
        marioImg.src = "mario.png";

// Function to draw Mario on the canvas
        function drawMario() {
            ctx.drawImage(marioImg, marioX, marioY, marioWidth, marioHeight);
        }

// Function to update Mario's position based on user input
        function updateMarioPosition(keyCode) {
            if (keyCode === 37) { // Left arrow key
                marioX -= 10;
            } else if (keyCode === 39) { // Right arrow key
                marioX += 10;
            } else if (keyCode === 38) { // Up arrow key
                marioY -= 10;
            } else if (keyCode === 40) { // Down arrow key
                marioY += 10;
            }
        }

// Function to handle user input
        function handleKeyDown(event) {
            const keyCode = event.keyCode;
            updateMarioPosition(keyCode);
        }

// Bind keydown event listener to the window
        window.addEventListener("keydown", handleKeyDown);

// Function to clear the canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Function to update the game state and redraw the canvas
        function updateGame() {
            clearCanvas();
            drawMario();
        }

// Start the game loop
        setInterval(updateGame, 16); // 60 frames per second
    </script>
</body>
</html>
```

To play the game, save the above code into a single HTML file, and make sure to also have an image file named "mario.png" in the same directory as the HTML file. You can use any Mario sprite image you like.

When you open the HTML file in a web browser, it will display a canvas where you can control Mario's movement using the arrow keys (left, right, up, down). The Mario sprite will move across the screen accordingly.

Please note that this implementation is a very basic starting point for a Mario game, and it does not include any enemies, obstacles, or other game mechanics. It's up to you to further expand on this code to create a more complete Super Mario Bros experience.