继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

LayaBox加载TiledMap地图和注意事项

又过二十
关注TA
已关注
手记 1
粉丝 1
获赞 1

最近在自学游戏开发,自学了几天Tiled Map Editor的使用,上手做了一个小地图demo,尝试在Laya中加载,今天把需要注意的地方和大家分享一下。先看一下效果图。

https://img3.mukewang.com/5c9320080001f13203260381.jpg

先说下建地图时需要注意的点,Laya仅支持CSV格式的地图,选择图块层格式时一定要选择CSV格式的。

https://img4.mukewang.com/5c932030000109a012800702.jpg

添加新图块时需要注意两个点,一个是类型一定要选“基于图块层图像”;另一个是要要勾选“嵌入地图选项”。否则的话Laya加载地图的时候会报错。

最后一步就是导出Json文件备用即可。

地图的制作不细说,可以的话,可以加V,群里细聊。

下面我们开始Laya里面的具体实现。我们建一个空的2D项目,先看下文档结构。

https://img2.mukewang.com/5c9320ba000197db12140642.jpg

在LayaAir Editor中,左侧的菜单切换到编辑模式,我们会看到如上文档结构。我们在Scenes文件夹处右键建一个场景文件;在Assets文件夹中新建一个Map文件夹,将我们导出的Json地图文件和图片复制到该目录中。

然后我们把左侧的菜单切换到代码模式。并在src目录中新建一个script文件夹,右键新建一个“新建模板文件”-》“新建脚本文件”。并编写如下代码。

https://img4.mukewang.com/5c9321790001d7af12130570.jpg

重点来了,我们切回到编辑模式,选中场景文件,选中脚本文件并拖拽至runtime属性中。

到了这一步,我们基本大功告成,F6运行就可以看到图一效果。

是不是很简单,若是喜欢游戏开发的话,欢迎随时一起交流学习。


打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP