/**
 * optional require of pixi.js and pixi-tiledmap
 */
var PIXI = require('pixi.js');
var pixiTiled = require('pixi-tiledmap');

var renderer = PIXI.autoDetectRenderer( 1024, 768 );
document.body.appendChild( renderer.view );

/**
 * Simply load a Tiled map in TMX format like a usual resource
 */
PIXI.loader
    .add('map.tmx')
    .load( function () {
        /**
        *   PIXI.extras.TiledMap() is an extended PIXI.Container()
        *   so you can render it right away
        */
        var tileMap = new PIXI.extras.TiledMap( "map.tmx" );
        renderer.render( tileMap );
    }
);

{
    alpha: 1
    backgroundColor: undefined
    cacheAsBitmap: (...)
    children: Array[3]
        0: ImageLayer
            alpha: 1
            cacheAsBitmap: (...)
            children: Array[1]
            filterArea: null
            filters: (...)
            height: (...)
            image: Image
            mask: (...)
            name: "background"
            opacity: 1
            parent: TiledMap
            pivot: Point
            position: Point
            properties: Object
            renderable: true
            rotation: 0
            scale: Point
            type: "image"
            visible: true
            width: (...)
            worldAlpha: 1
            worldTransform: Matrix
            worldVisible: (...)
            x: (...)
            y: (...)
        1: TileLayer
        2: TileLayer
            alpha: 1
            cacheAsBitmap: (...)
            children: Array[4]
            diagonalFlips: Array[187]
            filterArea: null
            filters: (...)
            height: (...)
            horizontalFlips: Array[187]
            map: Map
            mask: null
            name: "fire"
            opacity: 1
            parent: TiledMap
            pivot: Point
            position: Point
            properties: Object
            renderable: true
            rotation: 0
            scale: Point
            tiles: Array[4]
                0: Tile
                    alpha: 1
                    anchor: Point
                    animation: undefined
                    animationSpeed: 0.16666666666666669
                    animations: Array[6]
                    blendMode: 0
                    cacheAsBitmap: (...)
                    cachedTint: 16777215
                    children: Array[0]
                    currentFrame: (...)
                    filterArea: null
                    filters: (...)
                    gid: 33
                    height: (...)
                    id: 0
                    image: null
                    loop: true
                    mask: (...)
                    onComplete: null
                    parent: TileLayer
                    pivot: Point
                    playing: true
                    position: Point
                    probability: null
                    properties: Object
                    renderable: true
                    rotation: 0
                    scale: Point
                    shader: null
                    terrain: Array[0]
                    texture: (...)
                    textures: (...)
                    tint: 16777215
                    totalFrames: (...)
                    visible: true
                    width: (...)
                    worldAlpha: 1
                    worldTransform: Matrix
                    worldVisible: (...)
                    x: (...)
                    y: (...)
                1: Tile
                2: Tile
                3: Tile
            type: "tile"
            verticalFlips: Array[187]
            visible: true
            width: (...)
            worldAlpha: 1
            worldTransform: Matrix
            worldVisible: (...)
            x: (...)
            y: (...)
    filterArea: null
    filters: (...)
    height: (...)
    layers: Array[0]
    mask: (...)
    orientation: "orthogonal"
    parent: Container
    pivot: Point
    position: Point
    properties: Object
    renderable: true
    rotation: 0
    scale: Point
    tileHeight: 26
    tileSets: Array[2]
    tileWidth: 26
    version: "1.0"
    visible: true
    width: (...)
    worldAlpha: 1
    worldTransform: Matrix
    worldVisible: (...)
    x: (...)
    y: (...)
}