AI game creator

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

No:37108

←

Prev Next

→

Super mario bros
Developer User16988｜Date and time 24/1/20 6:45:55
Build time 5.671 sec｜Game capacity 1.754KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Super Mario Bros</title>
</head>
<body>
    <canvas id="canvas" width="640" height="480"></canvas>
    <script>
        // Enclosing the game code inside script tags
        (function(){
            // Creating a canvas element
            var canvas = document.getElementById("canvas");
            var ctx = canvas.getContext("2d");

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

// Mario's initial position
            var marioX = 50;
            var marioY = 380;

// Function to draw Mario
            function drawMario() {
                ctx.drawImage(marioImg, marioX, marioY);
            }

// Function to handle keyboard input
            function handleKeyboard(e) {
                if (e.keyCode === 37) {
                    // Move left
                    marioX -= 5;
                } else if (e.keyCode === 39) {
                    // Move right
                    marioX += 5;
                }
            }

// Function to update game objects
            function update() {
                // Clear the canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Mario
                drawMario();
            }

// Start the game
            function start() {
                // Attach keyboard input event listener
                document.addEventListener("keydown", handleKeyboard);

// Set game loop
                setInterval(update, 1000/60); // 60 FPS
            }

// Start the game when the page has loaded
            window.onload = start;
        })();
    </script>
</body>
</html>