AI generated Super Mario levels on mobile's game

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

No:8290

622

←

Prev Next

→

AI generated Super Mario levels on mobile
Developer User4165｜Date and time 23/7/14 21:30:13
Build time 16.424 sec｜Game capacity 2.432KB｜

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 Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Initialize the game
        function init() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

// Set up event listeners for user input
            document.addEventListener('keydown', handleKeyPress);

// Start the game loop
            setInterval(update, 1000 / 30); // 30 frames per second
        }

// Update game logic
        function update() {
            // Move the player
            playerX += playerSpeedX;
            playerY += playerSpeedY;

// Check for collisions with the canvas boundaries
            if (playerX < 0 || playerX > canvas.width - 20) {
                playerSpeedX *= -1;
            }
            if (playerY < 0 || playerY > canvas.height - 20) {
                playerSpeedY *= -1;
            }

// Update game display
            draw();
        }

// Handle key presses
        function handleKeyPress(event) {
            // Move player based on key pressed (ArrowLeft and ArrowRight for moving horizontally)
            if (event.key === 'ArrowLeft') {
                playerX -= 5;
            } else if (event.key === 'ArrowRight') {
                playerX += 5;
            }
          
           // Move player based on key pressed (ArrowUp and ArrowDown for moving vertically)
            if (event.key === 'ArrowUp') {
                playerY -= 5;
            } else if (event.key === 'ArrowDown') {
                playerY += 5;
            }
        }

// Draw game objects on the canvas
        function draw() {
            // Clear the canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
            canvasContext.fillStyle = 'red';
            canvasContext.fillRect(playerX, playerY, 20, 20);
        }

// Start the game
        init();
    </script>
</body>
</html>