LayaAir 项目开发使用TiledMap注意

最新推荐文章于 2025-03-31 23:00:08 发布

RocketJ

最新推荐文章于 2025-03-31 23:00:08 发布

阅读量1.2k

点赞数

分类专栏： LayaAir 基础 TiledMap 文章标签： LayaAir TiledMap

本文链接：https://blog.youkuaiyun.com/RocketJ/article/details/102722790

版权

LayaAir 基础同时被 2 个专栏收录

4 篇文章

订阅专栏

TiledMap

1 篇文章

订阅专栏

本文详细介绍了在LayaAir引擎中使用TiledMap的步骤，包括选择正确的图块层格式、保存和导出tmx文件、更改图片路径为相对路径，以及示例代码展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、LayaAir引擎不支持Tiled Map地图为Base64的图块层格式，所以在TiledMap创建新地图时，图块层格式选择 CVS。如果选错的时候可以在属性面板将图块层格式改为CSV。

2、将制作好的TiledMap保存为tmx格式的文件，然后再导出，导出的TiledMap文件时候，我们要选择json的格式。

3、在导出后只是存为json文件还不够，我们还要更改image绝对路径为相对路径。将json文件和使用到的资源文件放到项目的同级目录下，将json中的image的路径改为相对路径 "image":"***.png" 。

示例代码：

package
{
    import laya.map.TiledMap;
    import laya.maths.Rectangle;
    import laya.utils.Browser;
    import laya.webgl.WebGL;
    public class TiledMapDemo
    {
        private var tMap:TiledMap;
        public function TiledMapDemo()
        {
            //初始化舞台
            Laya.init(Browser.width, Browser.height, WebGL);
            //创建TiledMap实例
            tMap = new TiledMap();
            //创建Rectangle实例，视口区域
            var viewRect:Rectangle = new Rectangle(0, 0, Browser.width, Browser.height);
            //创建TiledMap地图
            tMap.createMap("res/TiledMap/orthogonal.json",viewRect);
        }
    }
}