• Tile Studio简介(转载)


    在制作小型2D游戏的时候,游戏策划人员所要面临的诸多问题之一便是地图的编辑,这包括地图拼合及游戏关卡设计。如果是非常简单的地图,可以直接用数组的形式写在程序代码之中,但遇到稍微复杂的地图,则地图编辑器的应用将大大简化工作量和工作难度。

    对于手机游戏来说,目前为止,绝大多数游戏都是2D的,而在这些2D游戏中,由于手机容量的限制,绝大多数游戏画面都是采用拼合小块元素的方式实现的(这样可以有效的降低游戏体积)。拼地图是策划人员的工作,这就需要一个方便实用的工具,可以将美术人员提供的元素以最快的速度组合成可以使用的游戏资源。

    Tile Studio简介

    Tile Studio是地图编辑器中较为出色的一款,他本身包含了两个主要功能:元素制作和地图拼合。前者可以让你“从无到有”的制作元素,此功能主要面向美术人员而制,但一般国内的美术人员都倾向于使用Photoshop,且游戏策划人员不必自行绘制元素(如果是个人游戏开发者,还是需要对此有一定了解),因此这一功能不做过多介绍。后者是本文介绍的重点。

    Tile Studio支持每一块元素的大小,从8*8直到64*64,小于或大于这个数字,虽然也能支持,但程序效率就会降低很多。

    需要注意的是,该软件并不能制作出完整的游戏,要制作游戏必须有程序人员配合。同时,在Tile Studio和游戏程序之间需要有一个接口,以便于在地图编辑器中之所见,能最终完全还原为游戏画面。

    Tile Studio之菜单

    下图所示为Tile Studio之主界面,红色圈所示的两个按钮用来切换模式,前者是绘图模式,后者为拼图模式。

    绘图模式很类似Photoshop的简化版,左边是工具栏,右面是拾色器。

    Tile Studio的使用 - li_zeng_good - li_zeng_good的博客

    下图所示为拼图模式。红色圈所示两个按钮分别是新建New Tile Set和New Map。Tile Set是指同一组元素,每款游戏可能需要用到不同组元素,比如:城市、山路、雪地等等,这就需要导入多组元素;而Map是指使用同一组元素的不同地图,例如,同样是使用山洞元素的可以有多张地图,山洞1、山洞2,诸如此类。图中蓝色圈所示为Tiles和Map的标签,可以通过标签在不同的组元素或地图之间切换。在逻辑关系上,Tiles大于Map,后者包含在前者之中。

    Tile Studio的使用 - li_zeng_good - li_zeng_good的博客

    绿色圈所示为拼图模式中可用的工具。

    铅笔工具,使用铅笔工具时,可以将当前选中的图像元素绘制到map中,同其他软件每层单独作画不同,本软件绘制图像时同时绘制到3层中。

    选择工具,可以用来选择大片区域,选择后按下del可以删除所有当前选中内容;选择后按下鼠标右键可以取消当前选择;选择后按下copy,可以将当前内容拷贝到剪贴板区,供以后使用。

    下图所示为单元属性设置面板。上面的方块用来设定该单元是否可以通行,在方块上的横线代表该单元格在此方向上是否可以通行,这些方向包括上、下、左、右,和\、/。

    Tile Studio的使用 - li_zeng_good - li_zeng_good的博客

    其下的00是单元格的代码,可以用来设定单元格的事件,配合程序就能设定各类事件触发点。单元格代码从1-255,在地图上显示的是十六进制,这样可以节省存储空间,因此在地图上显示的就是从01-FF。

    Tile Studio的使用 - li_zeng_good - li_zeng_good的博客

    下图所示为组合成单个格子的方式,上面的图形是最终的效果,下面三张分别是第一、第二、第三层,从图中可以看到,第一层为沙地,第二层为草,第三层为树叶。最终效果图上还多了两项,08是指该单元格的代码,白色横线是指该单元格不可通行。最下面的“h”“v”“r”分别是用来“水平翻转”、“垂直翻转”、“90度翻转”当前元素块。

    Tile Studio的使用 - li_zeng_good - li_zeng_good的博客

    如何导入元素

    按下F4便可将元素导入编辑器中,Tile Studio支持两种格式的图像元素:bmp和png。此时出现如下对话框:

    Tile Studio的使用 - li_zeng_good - li_zeng_good的博客

    该对话框中定义导入元素的格式,需要了解的功能不多,Tile Width和Tile Height定义了每一块元素的长宽各是多少,图中16是指每一小块元素是16*16个像素的。Transparent Color用以定义元素的透明色,先点击文字右面的方框,然后在元素中点击透明色,即可。设置完成之后点击Import按钮,右面还有个Auto-detect,这是程序自动设置,一般用处不大。

    Tile Studio的使用 - li_zeng_good - li_zeng_good的博客

  • 相关阅读:
    [ScreenOS] How to change the certificate that is used for SSL (HTTPS) WebUI Management
    [ScreenOS] How to manually generate a new system self-signed certificate to replace the expired system self-signed certificate without resetting the firewall
    ELK日志分析之安装
    用ElasticSearch存储日志
    Elasticsearch5安装以及部署Head插件
    Elasticsearch+Hbase实现海量数据秒回查询
    展示消息提醒信息,2019年1月1日 09:52:54
    cvc-complex-type.2.3: Element 'dependency' cannot have character [children], because the type's cont
    layui 上传图片回显并点击放大实现
    layui table 行按钮事件,启用禁用切换
  • 原文地址:https://www.cnblogs.com/xixiaohui/p/1965240.html
Copyright © 2020-2023  润新知