Map Display

[erik-lance]

This will load after clicking a map from #2.

Display the map as a grid. You are provided a map data in int[][] format.

0 - empty
1 - destructible
2 - wall

We can generate a 9x9 Grid and its components inside will comprise of Image. According to MUI documentation, it's best to use mui-image instead of other image components

If you have time, you can also list down the number of obstacle tiles and wall tiles so the players know the amount to prepare. Then add the Begin button below for when the players are ready to start.

• [x] Prepare 9x9 grid
• [x] Populate with images
  • [x] Make sure images align with type of tile (empty, destructible, wall)
• [x] Optional: Add number of obstacles to add
• [x] Begin button

Note: this is a mobile web app in landscape, let's keep everything centered in all directions for ease of use

[erik-lance]

Current map display is a bit big but we can scale it down whenever

And its details are below na

Begin button routes to /game