TiledWrapper

El componente TiledWrapper envuelve un tilemap exportado desde el editor de mapas Tiled y selecciona qué capa renderizar. Funciona junto con un TilemapRenderer en la misma entidad, que dibuja los tiles usando un tileset.

Nota: Solo se admiten mapas de Tiled ortogonales.

Opciones

OpciónTipoDescripción
tilemapTiledTilemap | stringLos datos del mapa de Tiled, como un objeto ya parseado o una cadena con la URL/nombre del recurso de un JSON cargado.
layerToRenderstringEl nombre de la capa de Tiled a renderizar.

Ejemplo

import { Transform, TiledWrapper, TilemapRenderer } from "angry-pixel";

this.entityManager.createEntity([
    new Transform(),
    new TiledWrapper({ tilemap: "map.json", layerToRender: "Ground" }),
    new TilemapRenderer({
        layer: "Foreground",
        tileset: {
            image: this.assetManager.getImage("tileset.png"),
            width: 8,
            tileWidth: 16,
            tileHeight: 16,
        },
    }),
]);

El JSON de Tiled se carga a través del Asset Manager con loadJson, normalmente en el método loadAssets de la escena. Consulta TilemapRenderer para la configuración del tileset.