Can you make super Mario bros's game

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

No:41437

←

Prev Next

→

Can you make super Mario bros
Developer User15965｜Date and time 24/2/7 11:09:09
Build time 8.159 sec｜Game capacity 2.235KB｜

Script

Certainly! Here's an example of a simple implementation of the classic game Super Mario Bros using JavaScript and HTML:

This code sets up a simple game canvas and allows the player to control a red square using arrow keys on a smartphone. The player moves with the arrow keys, and the screen is refreshed every frame to show the updated player position. Note that this is just a basic starting point, and you can enhance it further to add sprites, levels, enemies, and more game mechanics to create a complete Super Mario Bros experience.

←

Prev　Next

→ 　

Back　

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

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

Certainly! Here's an example of a simple implementation of the classic game Super Mario Bros using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Super Mario Bros</title>
  <style>
    canvas {
      background-color: #000;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player object
    const player = {
      x: 50,
      y: 50,
      width: 40,
      height: 40,
      dx: 0,
      dy: 0
    };

// Game loop
    function update() {
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Update player position
      player.x += player.dx;
      player.y += player.dy;

// Draw the player
      context.fillStyle = '#f00';
      context.fillRect(player.x, player.y, player.width, player.height);

// Request animation frame
      requestAnimationFrame(update);
    }

// Controls
    document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowUp') {
        player.dy = -5;
      } else if (event.key === 'ArrowDown') {
        player.dy = 5;
      } else if (event.key === 'ArrowLeft') {
        player.dx = -5;
      } else if (event.key === 'ArrowRight') {
        player.dx = 5;
      }
    });

document.addEventListener('keyup', function(event) {
      if (
        event.key === 'ArrowUp' ||
        event.key === 'ArrowDown' ||
        event.key === 'ArrowLeft' ||
        event.key === 'ArrowRight'
      ) {
        player.dy = 0;
        player.dx = 0;
      }
    });

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

Note that this is just a basic starting point, and you can enhance it further to add sprites, levels, enemies, and more game mechanics to create a complete Super Mario Bros experience.