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

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

目录
相关文章
|
6天前
|
消息中间件 人工智能 Java
抖音微信爆款小游戏大全:免费休闲/竞技/益智/PHP+Java全筏开源开发
本文基于2025年最新行业数据,深入解析抖音/微信爆款小游戏的开发逻辑,重点讲解PHP+Java双引擎架构实战,涵盖技术选型、架构设计、性能优化与开源生态,提供完整开源工具链,助力开发者从理论到落地打造高留存、高并发的小游戏产品。
|
4天前
|
小程序 PHP 图形学
热门小游戏源码(Python+PHP)下载-微信小程序游戏源码Unity发实战指南​
本文详解如何结合Python、PHP与Unity开发并部署小游戏至微信小程序。涵盖技术选型、Pygame实战、PHP后端对接、Unity转换适配及性能优化,提供从原型到发布的完整指南,助力开发者快速上手并发布游戏。
|
11月前
|
数据可视化 前端开发 小程序
5G时代-探索微信小游戏
5G时代-探索微信小游戏
148 2
5G时代-探索微信小游戏
|
11月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
1770 3
|
11月前
|
缓存 数据可视化 Serverless
微信小游戏 案例一 像素飞机
微信小游戏 案例一 像素飞机
103 2
|
11月前
|
开发框架 前端开发 JavaScript
微信小游戏案例三 抓星星
微信小游戏案例三 抓星星
246 0
微信小游戏案例三 抓星星
|
存储 JSON 测试技术
【cocos 2d微信小游戏开发教程】基础使用笔记分享(三)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(三)
122 0
|
容器
【cocos 2d微信小游戏开发教程】基础使用笔记分享(二)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(二)
338 0
|
API 开发者
【cocos 2d微信小游戏开发教程】基础使用笔记分享(一)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(一)
428 0
微信小游戏全局开启好友和朋友圈分享功能
微信小游戏全局开启好友和朋友圈分享功能
205 0

热门文章

最新文章