首页 > 其他分享 >游戏开发Tiled篇-2.Tiled基本操作

游戏开发Tiled篇-2.Tiled基本操作

时间:2024-08-30 15:53:45浏览次数:12  
标签:游戏 32 等角 地图 图块 Tiled 基本操作

1.修改界面语言配置

版本1.11.0以上是支持界面本地化的,可以通过工具栏进行界面语言的切换,下面逐步介绍:

1.0 首次打开界面:

游戏开发Tiled篇-2.Tiled基本操作_Tiled

1.1 菜单栏 Edit - Preferences

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_02

打开如下界面

游戏开发Tiled篇-2.Tiled基本操作_Tiled_03

选择 Interface 

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_04

选择 Chinese

游戏开发Tiled篇-2.Tiled基本操作_Tiled_05

界面就成为了中文模式:

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_06


2.基本概念解释

2.1 项目(Project)

在 Tiled 中,项目是一个包含所有相关资源的集合,它允许用户从项目视图快速访问这些资源,并且可以轻松地在多个项目之间切换。项目文件通常保存在项目的根目录下,并且可以通过 File -> New -> New Project... 创建。项目设置可以包括添加多个文件夹,以便在项目视图中组织和访问 tilesets、maps 和 templates 等资源。


2.2 地图(Map)

地图是 Tiled 中的一个核心概念,代表了游戏关卡或场景的具体布局。创建新地图时,用户需要设置一系列参数,包括地图的初始大小、图块大小、方向(如正交、等距等角和等角六边形)、图块层的格式以及渲染顺序等。地图可以包含多个图层,如图块层(tile layers)、对象层(object layers)和图像层(image layers)。地图的属性可以随时修改,以适应游戏开发的需求。


2.3 图块(Tileset)

图块集是一组图块的集合,它们可以被用来构建地图。一个图块集可以是一个包含多个图块的单一图像,也可以是一系列单独的图像文件。图块集的设置包括图块的大小、边距(margin)和间距(spacing)。在 Tiled 中,可以通过 File -> New -> New Tileset... 创建一个新的图块集。图块集可以嵌入到地图文件中,也可以作为独立文件保存,这样做可以在多个地图之间共享图块集以及其属性、地形定义和碰撞形状等信息。


3.开始

3.1 新建项目

File -> New -> New Project... 创建

文件 - 新建 - 新建项目

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_07

选择新建一个文件夹,作为本项目所有文件和文件夹的存储目录,命名为study,项目文件的后缀是 tiled-project,这个文件可以被tiled直接打开。

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_08

建立项目完毕以后,界面如下:

游戏开发Tiled篇-2.Tiled基本操作_游戏地图_09

3.2 新建地图

新建完成项目后,再次点击 文件 - 新建 - 创建新地图 

将在这个项目中创建第一个地图

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_10

弹出的新地图窗口,界面如下:

游戏开发Tiled篇-2.Tiled基本操作_游戏地图_11

在 Tiled 中新建地图时,需要设置一系列属性来定义地图的基本结构和外观。以下是在创建新地图时涉及的关键属性:

3.2.1 地图大小(Map Size)

这定义了地图的宽度和高度,通常以图块为单位。地图大小将决定关卡的总体尺寸和边界。

下面这个图就是 宽度 30 高度 20

游戏开发Tiled篇-2.Tiled基本操作_Tiled_12

3.2.2 图块大小(Tile Size)

图块大小是指单个图块的宽度和高度。这个属性决定了地图的分辨率,即每个图块代表的实际空间大小。

上面示例图中,图块宽度、高度就是32,也就是32个像素,对于正方形来说,宽高就是边长。下面是高度32,宽度64的图块,可以看到就是一个棱形,这时候边长就不是简单的宽或者高了。

游戏开发Tiled篇-2.Tiled基本操作_Tiled_13


3.2.3 方向(Orientation)

方向决定了地图的显示方式。Tiled 支持多种方向,包括:

游戏开发Tiled篇-2.Tiled基本操作_Tiled_14

正常

正常 :正交(Orthogonal),传统的上下文视图,适用于大多数 2D 游戏。

下面是2D

游戏开发Tiled篇-2.Tiled基本操作_游戏地图_15

下面是个常见的正交游戏地图,可以看到,大多数像素游戏都是这个视角。

游戏开发Tiled篇-2.Tiled基本操作_游戏地图_16

45度

45度:  也叫等距等角(Isometric):一种投影方式,使得地图具有三维视觉效果。

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_17

上面是32*32的,所以格子都是正方形,没有立体感,如果改成64*32 就有立体感了 如下:

游戏开发Tiled篇-2.Tiled基本操作_Godot_18

注意观察,45度(也叫等距等角(Isometric))这个类型的地图,边缘都是非锯齿的,也就是直线,而且整个地图大致是一个菱形。

下面是一个实例:

游戏开发Tiled篇-2.Tiled基本操作_Godot_19

下面是另一个实例:

游戏开发Tiled篇-2.Tiled基本操作_Godot_20

下面是模拟城市2000的界面 

游戏开发Tiled篇-2.Tiled基本操作_Godot_21

注意看,整个地图的轮廓(看蓝色部分)是个菱形。

什么时候用45度,可以这么理解:

游戏强调对角线的方向和移动,北向通常位于右上方,一般用于实时策略和战术战斗类游戏。

游戏开发Tiled篇-2.Tiled基本操作_Godot_22

坐标轴是这样的:

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_23

等角交错

等角交错,也叫交错等距(Staggered Isometric):类似于等距等角,但图块在奇数行和偶数行之间有水平偏移。

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_24

上面是32*32的,所以格子都是正方形,没有立体感,如果改成64*32 就有立体感了 如下:

游戏开发Tiled篇-2.Tiled基本操作_Tiled_25

注意观察,等角交错,也叫交错等距(Staggered Isometric)这个类型的地图,边缘都是锯齿的,而且整个地图大致是一个矩形。

下面是一个实例(文明2):

游戏开发Tiled篇-2.Tiled基本操作_Godot_26

注意看,整个地图的轮廓(看蓝色部分)是个矩形,且边缘是锯齿状的。

什么时候用等角交错,可以这么理解:

具有整体矩形形状和突出的东西南北轴线的等距离表示法,北在正上方,常用于角色扮演游戏和回合制策略游戏。

游戏开发Tiled篇-2.Tiled基本操作_Godot_27

坐标轴是这样的:

游戏开发Tiled篇-2.Tiled基本操作_Tiled_28

六角交错

六角交错,也叫交错六边形(Staggered Hexagonal):六边形图块排列的方式,适用于策略等类型的游戏。

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_29

地图样例如下:

游戏开发Tiled篇-2.Tiled基本操作_游戏地图_30

3.2.4 图块层格式(Tile Layer Format)

这决定了图块层数据的存储方式。常见的格式包括 CSV(逗号分隔值)、Base64(编码后的字节数据)等。

3.2.5 渲染顺序(Render Order)

对于正交方向的地图,可以设置图块层的渲染顺序。这可以用来实现一些特殊的渲染效果,如深度模拟。

3.2.6 地图大小

固定

固定,是指宽度、高度固定,指这个地图宽度高度各有多少个图块。下图选择了6*6:

游戏开发Tiled篇-2.Tiled基本操作_游戏地图_31

建立起地图后,横向6块,纵向6块,如下图:

游戏开发Tiled篇-2.Tiled基本操作_Godot_32


无限

选择这个选项后,地图将不会有固定的边界,可以无限延伸,这对于一些无限生成内容的游戏非常有用。

有边界(固定6*6):

游戏开发Tiled篇-2.Tiled基本操作_游戏开发_33

无边界:

游戏开发Tiled篇-2.Tiled基本操作_Tiled_34

4.阶段小结

本教学首先,介绍了在版本 1.11.0 以上可以通过工具栏切换界面语言,具体步骤为菜单栏 Edit - Preferences,选择 Interface 后切换为 Chinese 可将界面变为中文模式。

接着,解释了 Tiled 中的基本概念,包括项目、地图和图块。项目是包含所有相关资源的集合,可通过特定操作创建和设置;地图是游戏关卡或场景的布局,包含多个图层,创建时需设置多种属性如大小、图块大小、方向等;图块集是一组图块的集合,可构建地图,能以不同方式创建和保存。

然后,详细说明了开始使用 Tiled 的步骤,如新建项目和新建地图。新建项目需选择文件夹作为存储目录,项目文件有特定后缀;新建地图要设置一系列属性,包括地图大小、图块大小、方向(如正常、45度(等距等角)、等角交错、六角交错)、图块层格式、渲染顺序以及地图大小的固定或无限选项等。重点讲解了45度(等距等角)、等角交错地图的差异和应用场景。

本教学接下来将专注于地图方向为正常的地图领域,后续教学将逐步介绍制作游戏地图。

标签:游戏,32,等角,地图,图块,Tiled,基本操作
From: https://blog.51cto.com/u_12131596/11876575

相关文章

  • 老爷机低端显卡也能玩3A大作?ToDesk云电脑开启游戏新模式!
    3A游戏大作因其震撼的视觉效果、复杂的剧情设计和深度的游戏体验,成为无数玩家心中的游戏白月光。然而,这些游戏往往对硬件配置有着极高的要求,尤其是显卡,是3A游戏大作的畅玩配置“硬门槛”。但现在,随着云计算技术的飞速发展,ToDesk云电脑的出现,正悄然改变这一现状,让没显卡也能玩3A游......
  • uniapp js 划消小游戏 1.0 去控制台看打印(仅作参考)
    <template> <viewclass="wrap">  划消:{{sdNum}}*{{sdNum}}  <viewclass="btn"style="padding:32rpx;background:pink"@click="clickBtn">点击划消按钮</view>  <viewclass="btn&q......
  • P3320 [SDOI2015] 寻宝游戏 与 P10930 异象石 与 CF176E Archaeology
    思路:考虑按照dfn序将关键点的集合排序后为\(a_0,a_1,\cdots,a_k\),则答案为:\[\frac{\sum\limits_{i=0}^k\operatorname{dis}(a_i,a_{(i+1)\bmodk})}{2}\]简单证明一下:需要找出包含一些关键点的最小联通导出子图。则随便以一个关键点为根,对于子树内没有关键点的子树直接......
  • uniapp js 数独小游戏 写死的简单数独 数独 3.0
    <template> <viewclass="wrap">  数独:{{sdNum}}*{{sdNum}}  <viewclass="btn"style="padding:32rpx;background:pink"@click="startFun">点击开始计时</view>  <viewclass="btn&q......
  • 【专题】中国游戏产业AIGC发展前景报告合集PDF分享(附原数据表)
    原文链接:https://tecdat.cn/?p=37535原文出处:拓端数据部落公众号 近八成头部游戏企业在人工智能、数字孪生、引擎开发、云技术和XR等技术领域布局;有近六成头部游戏企业已构建AI生产管线、赋能虚拟内容生产或智能营销;此外,国内TOP50游戏厂商投资AI企业已超百次。阅读原文,获取专......
  • 24种游戏化设计工具
    游戏化设计(Gamificationdesign)旨在将游戏设计中的元素应用到非游戏场景或系统中,以此来提高用户体验和参与度。依照Google趋势搜索,Gamification这个涵盖行术语最早出现于2010年,是一个被重新定义的新兴学科。它像是博弈论的衍生品,遵循‘产生行为后给予奖励’这个最基础的逻辑,也紧......
  • 国产游戏技术能否引领全球?
    1.前言近年来,国产游戏行业蓬勃发展,技术水平不断提升,多款作品在国际市场上崭露头角。从画面渲染到物理引擎,从AI技术到服务器架构,中国游戏开发者在各个领域都取得了显著进步。面对全球游戏市场的激烈竞争,国产游戏技术能否真正引领全球,当前还面临着哪些挑战?未来又会有哪些机遇?......
  • Logrus IT的质量评估门户如何提高游戏本地化质量:案例研究
    确保高质量的游戏本地化对于全球成功至关重要,特别是对于玩家在设置和游戏许可证上投入巨资的AAA和AA游戏。这些球员往往要求苛刻,一丝不苟。尽管客户公司通过严格控制配音人才的选拔、录音质量等,尽最大努力在所有语言中保持高标准,但仅靠传统措施无法完全防止本地化不到位。各......
  • 【Cocos Creator深度探索】打造极致游戏体验:Camera的妙用与实战技巧
    引言在CocosCreator这个强大的游戏开发平台中,Camera(相机)是连接游戏世界与玩家视野的桥梁。它不仅决定了玩家能看到什么,还直接影响着游戏的视觉效果和沉浸感。今天,我们就来深入探讨CocosCreator中Camera的妙用与实战技巧,让你的游戏更加引人入胜。Camera基础认知在CocosCre......
  • SDK游戏盾的SDK是什么
    SDK游戏盾中的"SDK"指的是软件开发工具包(SoftwareDevelopmentKit),它为开发者提供了集成游戏盾服务所需的工具、库、API接口和文档。通过SDK,开发者可以在游戏或其他应用程序中快速接入游戏盾的防护功能,实现如DDoS攻击免疫和CC攻击彻底解决等安全防护。游戏盾SDK的主要作用包......