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

No:39226

←

Prev Next

→

Super Mario bros. 1
Developer User17554｜Date and time 24/1/27 9:22:35
Build time 10.09 sec｜Game capacity 2.566KB｜

Script

Sure! Here's an example implementation of a simplified version of Super Mario Bros. 1 as a single HTML file using JavaScript and pictograms:

Super Mario Bros. 1 - HTML Game

In this example, I have a simplified game board represented as a 2D array (`gameBoard`). Using JavaScript, I create a grid of tiles (each represented as a `div` element) on the game board, with their background images determined by the values stored in the `gameBoard` array. Please note that this is just a basic starting point, and you would need to add game logic, controls, animations, and more to make it a functional game. Additionally, you would need to provide the corresponding images (`emozi_all/game.png`, `emozi_all/brick.png`, etc.) for the pictograms used.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example implementation of a simplified version of Super Mario Bros. 1 as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
   <title>Super Mario Bros. 1 - HTML Game</title>
   <style>
      #game-board {
         display: flex;
         flex-wrap: wrap;
         width: 400px;
         height: 400px;
      }

.tile {
         width: 50px;
         height: 50px;
         background-size: cover;
      }

#mario {
         background-image: url('mario.png');
      }

#brick {
         background-image: url('brick.png');
      }

#coin {
         background-image: url('coin.png');
      }

#enemy {
         background-image: url('enemy.png');
      }
   </style>
</head>
<body>
   <h1>Super Mario Bros. 1 - HTML Game</h1>
   <div id="game-board"></div>

// Pictogram definitions
      const icons = {
         'mario': 'mario',
         'brick': 'brick',
         'coin': 'coin',
         'enemy': 'enemy'
      };

// Game board representation
      const gameBoard = [
         ['mario', 'coin', '', '', '', '', '', ''],
         ['', '', '', '', '', 'brick', '', ''],
         ['', '', '', 'enemy', '', '', '', ''],
         ['', '', 'brick', '', '', '', '', ''],
         ['', 'coin', '', '', 'coin', '', '', ''],
         ['', '', '', '', 'brick', '', '', ''],
         ['', '', '', '', '', '', '', ''],
         ['', 'enemy', '', '', '', '', '', '']
      ];

// Initialize game board
      const container = document.getElementById('game-board');
      for (let row = 0; row < rows; row++) {
         for (let col = 0; col < columns; col++) {
            const tile = document.createElement('div');
            tile.className = 'tile';
            tile.style.backgroundImage = `url('${gameBoard[row][col]}.png')`;
            container.appendChild(tile);
         }
      }
   </script>
</body>
</html>
```

Please note that this is just a basic starting point, and you would need to add game logic, controls, animations, and more to make it a functional game. Additionally, you would need to provide the corresponding images (`mario.png`, `brick.png`, etc.) for the pictograms used.