阅读 241

Tiled工具绘制需要的瓦片图

在之前《用Cocos Creator让嫦娥一步步跳上月亮》一文中,我提到了Cocos Creator工具的简单使用。

本次要专门讲解另一个可以辅助建立2D地图的工具,Tiled

Tiled 地图编辑器是一种用于通用目的的编辑器。特点是比较好用,风格类似mini版的photoshop。它可以用于制作多种类型的游戏引擎需要,而且支持使用插件读写map、增加用于引擎的map格式

官网:www.mapeditor.org/

虽然Tiled工具的官网是英文的,但是在工具安装后的界面也不必担心需要去找汉化,因为直接就是中文的工具界面。

image.png

实际操作

关于Tiled的学习使用,我是跟着B站上面的视频进行学习的,视频地址:www.bilibili.com/video/BV19E…

在此界面中,我们可以创建Map地图,选择新建新地图

image.png

此时,会出现让你选择参数的界面,在此界面中,会设置地图中宽高上的块数量,此时的块也会在之后的地图修饰时显示,右侧会设置块的大小。而之后完成的地图总体的宽高大小就是块数量*块大小

image.png

现在的Tiled界面:在中间出现网格状的地图界面,这也是之后会的创作主阵地。

image.png

image.png

有了界面后,可以导入自己需要的雪碧图素材,因为地图中肯定有很多元素是重复的,所以通过雪碧图先将重复的元素绘制好,然后我们自己判断该如何绘制。

选择新建图块集,可以将你之前准备好的雪碧图导入进来。(图块集可以导入多个)

image.png

image.png

此时可以鼠标点击选择图块集上面的内容,在网格地图中按住鼠标左键进行绘制

1111.gif

11112.gif

此时的图片绘制是在图层框中的图层块1上面,这里的图层其实与PS中很相像,如果对PS有了解就会知道。

image.png

通过简单的变换,就能绘制出基础的地图了

image.png


作者:空城机
链接:https://juejin.cn/post/7028594512435871751


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐