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

No:18339

←

Prev Next

→

Mario brothers 1
Developer User8075｜Date and time 23/9/28 9:05:10
Build time 30.184 sec｜Game capacity 3.187KB｜

Script

As an AI text-based model, I can provide you with a basic outline of how you can implement a simplified version of the Super Mario Bros. game using HTML and JavaScript. Please note that a full game implementation like Mario Bros 1 would require a significant amount of code, resources, and graphical assets, which is beyond the scope of this simple example. Here's an example of how you can get started:

Super Mario Bros

To run the game, copy the above code into a blank HTML file and open it with your web browser. You'll be able to control the player using the arrow keys on your keyboard. However, please note that this is just a basic starting point and does not include the full functionality and features of the original Super Mario Bros. game.

←

Prev　Next

→ 　

Back　

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

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

Here's an example of how you can get started:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Super Mario Bros</title>
  <style>
    /* Define the styles for the game area and pictograms */
    #game {
      width: 400px;
      height: 200px;
      border: 1px solid black;
    }
    
    .pictogram {
      width: 32px;
      height: 32px;
      background-color: yellow;
    }
  </style>
</head>
<body>
  <h1>Super Mario Bros</h1>
  <div id="game"></div>

// Get the game container element
    const gameContainer = document.getElementById('game');

// Define and initialize the game grid
    const gridSize = 10; // Adjust the grid size as per your needs
    const grid = [];

for (let row = 0; row < gridSize; row++) {
      grid[row] = [];
      for (let col = 0; col < gridSize; col++) {
        grid[row][col] = null;
      }
    }

// Define the player's initial position
    let playerX = Math.floor(gridSize / 2);
    let playerY = Math.floor(gridSize / 2);

// Render the game grid
    function renderGame() {
      gameContainer.innerHTML = '';

for (let row = 0; row < gridSize; row++) {
        for (let col = 0; col < gridSize; col++) {
          const pictogram = document.createElement('div');
          pictogram.classList.add('pictogram');
          if (row === playerY && col === playerX) {
            pictogram.textContent = 'P'; // Pictogram for player
          }
          gameContainer.appendChild(pictogram);
        }
        gameContainer.appendChild(document.createElement('br'));
      }
    }

// Handle player movement
    function movePlayer(direction) {
      if (direction === 'up' && playerY > 0) {
        playerY--;
      } else if (direction === 'down' && playerY < gridSize - 1) {
        playerY++;
      } else if (direction === 'left' && playerX > 0) {
        playerX--;
      } else if (direction === 'right' && playerX < gridSize - 1) {
        playerX++;
      }

renderGame();
    }

// Bind arrow key events to player movement
    document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowUp') {
        movePlayer('up');
      } else if (event.key === 'ArrowDown') {
        movePlayer('down');
      } else if (event.key === 'ArrowLeft') {
        movePlayer('left');
      } else if (event.key === 'ArrowRight') {
        movePlayer('right');
      }
    });

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