AI game creator

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

No:20536

←

Prev Next

→

Mario run
Developer User9090｜Date and time 23/10/10 4:28:53
Build time 9.56 sec｜Game capacity 1.67KB｜

Script

To make it into a game, the provided code sets up a basic HTML5 canvas and displays a picture of Mario running across the screen. The game loop continuously updates Mario's position on the canvas, making it appear as if he is running. The mario.png file is assumed to be in the same directory as the HTML file. Please note that this is a simple example to demonstrate the concept of a game loop using HTML5 canvas and JavaScript. Actual game development often involves more complex logic, collision detection, user input handling, and various game elements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mario Run</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="320" height="240"></canvas>
  <script>
    document.addEventListener("DOMContentLoaded", function () {
    const canvas = document.getElementById("gameCanvas");
    const context = canvas.getContext("2d");

// Load Mario sprite
    const marioSprite = new Image();
    marioSprite.src = "mario.png";
    
    // Initialize Mario's position
    let marioX = 50;
    let marioY = 50;

// Initialize game loop
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw Mario on the canvas
      context.drawImage(marioSprite, marioX, marioY, 48, 48);
      
      // Update Mario's position
      marioX += 1;

// Restart Mario's position if he reaches the end of the canvas
      if (marioX > canvas.width) {
        marioX = -48;
      }

requestAnimationFrame(gameLoop);
    }

// Start the game loop
    gameLoop();
  });
  </script>
</body>
</html>
```

Please note that this is a simple example to demonstrate the concept of a game loop using HTML5 canvas and JavaScript. Actual game development often involves more complex logic, collision detection, user input handling, and various game elements.