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;'
}

然后运行就正确了

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

  • 使用真机模拟

真机模拟的时候,控制台报错了。仔细检查,发现是微信小程序的开发工具忽略了我们的tmx文件。地图文件没有被上传上去。

我昨天花了一晚上的时间,重启了n次微信开发工具,还是没搞定。

最后自己把在egret里面把tmx文件修改为txt文件。就成功上传了,手机上也能正常运行起来了。

上一篇:tomcat7 内存溢出 java.lang.OutOfMemoryError 处理方法


下一篇:JavaScript学习总结-技巧、有用函数、简洁方法、编程细节