Usar Tiled para hacer mapas en Phaser

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

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:

Descargar Recurso

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.

Usar Tiled para hacer mapas en Phaser 1

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.

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.