Working super mario bros in javascript's game

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

No:20786

←

Prev Next

→

Working super mario bros in javascript
Developer User9148｜Date and time 23/10/11 1:41:49
Build time 12.222 sec｜Game capacity 1.662KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Super Mario Bros</title>
    <style>
        /* CSS styles for the game elements */
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // JavaScript code for the game

// Create the game canvas
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Set up game variables
        var marioImage = new Image();
        var marioX = 50;
        var marioY = 50;

// Load game assets
        marioImage.src = "mario.png";

// Game loop
        function gameLoop() {
            update();
            draw();
        }

// Update game logic
        function update() {
            // Handle user input
            document.addEventListener("keydown", function(event) {
                if(event.key === "ArrowUp") {
                    marioY -= 10;
                } else if(event.key === "ArrowDown") {
                    marioY += 10;
                } else if(event.key === "ArrowLeft") {
                    marioX -= 10;
                } else if(event.key === "ArrowRight") {
                    marioX += 10;
                }
            });
        }

// Draw game elements
        function draw() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Mario
            context.drawImage(marioImage, marioX, marioY);
        }

// Start the game loop
        setInterval(gameLoop, 10);
    </script>
</body>
</html>