Curso de Phaser | Usar Tiled para hacer mapas en Phaser 1

Curso de Phaser
Usar Tiled para hacer mapas en Phaser

Curso de Phaser | Usar Tiled para hacer mapas en Phaser 2

Es un software libre que permite crear el mapa de nuestro videojuego 2D. Puedes descargarlo en mapeditor.org.

Creación de un nuevo mapa

  1. Abrimos Tiled
  2. Menú File → New
  3. Map:
    • Orientation: Ortogonal
    • Base 64 (uncompressed)
    • Map size: width: 30 tiles, height: 20 tiles
    • Tile size: width: 32px, height: 32px

Dibujando el mapa:

1. Crearemos el tileset a partir de esta imagen:

Curso de Phaser | Usar Tiled para hacer mapas en Phaser 3

2. Creamos las capas a las que pertenecerán los tiles

  • objectsLayer
  • collisionLayer
  • hierbaLayer
  • backgroundLayer

3. Insertamos los tiles. Con la tecla z es posible rotarlos.

Curso de Phaser | Usar Tiled para hacer mapas en Phaser 4

Exportando

Menú File →

  • Export as…. Puedo exportar como fichero tmx para abrir el mapa de nuevo con tiled o como json, para abrirlo con Phaser.
  • Export as Image… Puedo exportar el mapa como una imagen.