Use Matrix for Tile Map?

[sn3p]

related #28

Matrices are used in most tile-based games afaik. For Elixir there is the Matrix modules which might be helpful. Not sure if this is something for us.

Some resources on this

• Tilemaps tuturial
• Tilemaps tuturial: Square tilemaps implementation (Static maps)
  source / demo
• http://technologies4.me//articles/viewport-culling-tile-map-a3/viewport-culling-methods-p1/
• https://gamedevelopment.tutsplus.com/tutorials/an-introduction-to-creating-a-tile-map-engine--gamedev-10900

Basic example from the demo above

const map = {
  cols: 8,
  rows: 8,
  tsize: 64,
  tiles: [
    1, 3, 3, 3, 1, 1, 3, 1,
    1, 1, 1, 1, 1, 1, 1, 1,
    1, 1, 1, 1, 1, 2, 1, 1,
    1, 1, 1, 1, 1, 1, 1, 1,
    1, 1, 1, 2, 1, 1, 1, 1,
    1, 1, 1, 1, 2, 1, 1, 1,
    1, 1, 1, 1, 2, 1, 1, 1,
    1, 1, 1, 0, 0, 1, 1, 1
  ],
  getTile: (col, row) => {
    return this.tiles[row * map.cols + col]
  }
};

translated to:

[richardvdveen]

Implicitly, we are already using a matrix I guess. What would be the benefit of making it hardcoded like this?

[sn3p]

Implicitly, we are already using a matrix I guess

True

What would be the benefit of making it hardcoded like this?

The example is hardcoded, but could be generated and updated of course.
I'm looking for a way fix #28 and have a nice way to have tiles with different textures on top of each other.

[richardvdveen]

Ah oke! Might be nice, running into this when clawing as well (new random background)