mieki256's diary

    <assets path="assets/maps" rename="maps" />
    <assets path="assets/maps" include="*.tmx" type="text" />
    <assets path="assets/maps" include="*.csv" type="text" />
    <assets path="assets/maps" include="*.json" type="text" />

• assets/maps/ フォルダを、プログラム中からは "maps/" として扱えるようにリネーム扱いにしてる。
• .tmx、.csv、.json ファイルは、テキストファイルとして扱え、と指定をしている。

package ;

import haxe.Json;

/**
 * Tiled Map Editor で export した json を解析
 * @author mieki256
 */
class TmxJson {

    public var width:Int;
    public var height:Int;
    public var bgcolor:Int;
    public var layerTileData:Map<String,String>;
    public var layerWidth:Map<String,Int>;
    public var layerHeight:Map<String,Int>;
    
    public function new(jsondata:String) {
        // jsonを解析
        var d = Json.parse(jsondata);
        
        // タイルの縦横個数を取得
        width = Std.parseInt(d.width);
        height = Std.parseInt(d.height);
        
        // 背景色を取得
        var s:String = untyped d.backgroundcolor;
        s = "0x" + StringTools.replace(s, "#", "");
        bgcolor = Std.parseInt(s);
        
        layerTileData = new Map();
        layerWidth = new Map();
        layerHeight = new Map();

        // 各レイヤーのタイル並び情報を取得
        var layernum:Int = Std.parseInt(d.layers.length);
        for (i in 0...layernum) {
            var name:String = untyped d.layers[i].name;
            
            // レイヤーの縦横タイル個数を取得
            var w:Int = Std.parseInt(untyped d.layers[i].width);
            var h:Int = Std.parseInt(untyped d.layers[i].height);
            layerWidth.set(name, w);
            layerHeight.set(name, w);
            
            // タイル並びを整形
            var tiledata:Array<Int> = untyped d.layers[i].data;
            var count = 0;
            var layer:String = "";
            for (y in 0...h) {
                var row = new Array();
                for (x in 0...w) {
                    var c:Int = Std.parseInt(untyped tiledata[count]);
                    
                    // Tiledのデータは、
                    // 0番が透明、1番からチップ番号が始まるので、
                    // 若干番号を調整する。
                    if ( c > 0 ) c -= 1;
                    
                    row.push(c);
                    count++;
                }
                layer += row.join(",") + "\n";
            }
            layerTileData.set(name, layer);
        }
    }

    // 与えられたレイヤー名のタイル並びを返す
    public function getLayer(layerName:String):String {
        return layerTileData.get(layerName);
    }
    
}

import org.flixel.FlxTilemap;
import flash.display.BitmapData;
import flash.Lib;
import openfl.Assets;
import TmxJson;

        // BGを生成
        var mapimg:BitmapData = Assets.getBitmapData("maps/area01_level_tiles.png");
        var mapdata:String = Assets.getText("maps/level1.json");
        var mapcsv:TmxJson = new TmxJson(mapdata);

        bg_a = new FlxTilemap();
        bg_a.loadMap(mapcsv.getLayer("layer1"), mapimg, 16, 16, FlxTilemap.OFF);
        bg_a.solid = false; // アタリなしを指定
        add(bg_a);

• Assets.getText("maps/level1.json"); で、jsonファイルの中身を文字列として取得している。
• new TmxJson(mapdata); で、json文字列の中から、マップレイヤーのタイルの並びデータ等を解析・記録。
• mapcsv.getLayer("layer1") で、"layer1" という名前をつけたレイヤーの、タイルの並びデータを csv的な文字列の形で得られる。

• Tiled上で背景色を指定していないデータを作った場合、TmxJson.hx を通すと止まってしまう。bgcolor 関係の部分は全部削除しといたほうが良さそう。どうせ背景色なんか使わないだろうし…。
• Std.parseInt() を使って、文字列を数値化しようとしている部分は、html5 で出力した場合におかしな動作になる。