egret引擎中使用tiled运行在微信小游戏中

 

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文件。就成功上传了，手机上也能正常运行起来了。