egret的官方文档，对tiled的介绍不是很细致，很多东西都需要摸索。现在把踩的坑记录下来。作为一个备忘
-
引用tiledmap的库
在GitHub上下载egret的tiledmap支持库：https://github.com/egret-labs/egret-game-library
下载后，导入到egret wing的libs的modules中。然后执行egret build -e 就ok了
-
导入一个tmx和贴图文件
let tmx = RES.getRes(‘woca_tmx‘);
var data: any = egret.XML.parse(tmx);
var tmxTileMap: tiled.TMXTilemap = new tiled.TMXTilemap(2000, 2000, data, ‘resource/woca_tmx‘);
tmxTileMap.render();
this.addChild(tmxTileMap);
然后点击运行，就在wing player上看到了tiled显示出来了。
-
发布到微信小游戏
然后发布到微信小游戏。
出现错误：提示tiled is undefined
意思就是tiled没有被挂在到小游戏的Window对象上。
这时候需要修改scripts下的wxgame.ts文件
在openfile新增一行
if(filename == ‘libs/modules/tiled/tiled.js‘||filename == ‘libs/modules/tiled/tiled.min.js‘){
content += ‘window.tiled = tiled;‘
}
然后运行就正确了
-
使用真机模拟
真机模拟的时候，控制台报错了。仔细检查，发现是微信小程序的开发工具忽略了我们的tmx文件。地图文件没有被上传上去。
我昨天花了一晚上的时间，重启了n次微信开发工具，还是没搞定。
最后自己把在egret里面把tmx文件修改为txt文件。就成功上传了，手机上也能正常运行起来了。