三亩地 三亩地SAN MU DI · CODE DIARY
交流投稿
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天，欢迎挑你感兴趣的翻一翻。

首页/学习日记/日记详情

Unity Tile Palette 2D地图编辑：从基础绘制到Rule Tile智能生成

发布时间：2026/8/16 23:12:21 三亩地 编程学习日记
Unity Tile Palette 2D地图编辑：从基础绘制到Rule Tile智能生成

1. 从“手绘”到“拼图”：为什么我们需要瓦片调色板

如果你是从零开始接触Unity 2D游戏开发，或者是从其他引擎（比如GameMaker、Godot）转过来的，你可能会对Unity的2D工作流感到一丝困惑。尤其是在处理关卡、地图这些需要大量重复元素的场景时，如果还停留在“一张张图片拖拽摆放”的阶段，那效率简直低得令人发指。想象一下，你要用Photoshop画一张巨大的像素画，但每次只能画一个像素点，这显然不是现代游戏开发该有的方式。而Unity的Tile Palette（瓦片调色板）功能，就是解决这个效率瓶颈的核心工具，它把地图编辑从“手绘”变成了“拼图”。

简单来说，Tile Palette是一个专门用于创建和编辑基于瓦片（Tile）的2D网格地图的编辑器窗口。它的核心思想是“预制化”和“批量操作”。你将美术资源（比如草地、泥土、砖块等）制作成可复用的瓦片资产（Tile Asset），然后把这些瓦片资产收集到一个调色板（Palette）里。在场景视图中，你可以像画家使用调色板一样，选择不同的“颜色”（瓦片），然后在网格上快速“涂抹”（绘制）出复杂的地形。这不仅仅是提高了摆放速度，更重要的是，它建立了一套可维护、可迭代的关卡设计流程。无论是《星露谷物语》的农场、《蔚蓝》的关卡，还是《空洞骑士》的地下世界，其背后都离不开一套高效的瓦片地图编辑系统。Tile Palette就是Unity为开发者提供的，实现这套系统的官方解决方案。

2. 瓦片生态的基石：理解核心概念与资产创建

在开始挥舞“画笔”之前，我们必须先准备好“颜料”和“画布”。Tile Palette系统建立在几个核心概念之上，理解它们是高效使用该功能的前提。

2.1 核心三要素：Sprite, Tile Asset, Tilemap

  1. 精灵（Sprite）：这是最基础的原材料。它就是一张2D图片，在Unity中导入为Sprite (2D and UI)模式。你可以从一张大图（图集）中切割出多个精灵，或者直接使用单个精灵文件。它是瓦片的视觉表现。

  2. 瓦片资产（Tile Asset）：这是系统的核心单元。一个Tile Asset是一个.asset文件，它封装了一个或多个精灵，并定义了该瓦片的属性。这些属性包括：

    • 精灵：该瓦片显示哪个精灵。
    • 碰撞体（Collider）：瓦片的物理形状，可以是矩形（Box）、多边形（Polygon）或没有（None）。这是实现角色与地面、墙壁交互的关键。
    • 颜色：可以给瓦片叠加一个色调。
    • 变换：局部的旋转、缩放。
    • 游戏对象：甚至可以指定当这个瓦片被放置时，实例化一个预设的游戏对象（用于放置门、宝箱等非网格对齐的物体）。

    创建Tile Asset非常简单：在Project窗口中，选中一个或多个精灵，右键选择Create > 2D > Tile。Unity会自动为每个精灵生成一个同名的Tile Asset。这一步的本质，是将“图片”升级为带有逻辑属性的“可放置单元”。

  3. 瓦片地图（Tilemap）：这是承载瓦片的容器，也就是我们的“画布”。在场景中，通过菜单GameObject > 2D Object > Tilemap创建。Tilemap是一个带有Tilemap组件的游戏对象，它管理着一个网格，所有绘制在上面的瓦片都成为其子物体。一个场景可以有多个Tilemap，通常用于分层管理，比如一个用于地面，一个用于装饰物，一个用于碰撞区域。

2.2 创建你的第一个调色板

有了Tile Asset，我们就可以创建调色板来组织它们。

  1. 打开Tile Palette窗口：Window > 2D > Tile Palette。
  2. 在Tile Palette窗口的右上角，点击下拉菜单，选择Create New Palette。
  3. 在弹出的窗口中，为调色板命名（如“TerrainTiles”），网格类型通常选择Rectangle（矩形网格），其他选项保持默认即可。点击创建后，会要求你保存这个调色板文件（.palette）到项目目录中。

现在，你有了一个空的调色板。接下来，只需从Project窗口中将制作好的Tile Asset直接拖拽到Tile Palette窗口的网格区域，它们就会被添加到这个调色板中。你可以创建多个调色板来分类管理不同主题的瓦片，例如“森林地形”、“室内家具”、“UI图标”等。

注意：调色板文件（.palette）只是一个“快捷方式集合”，它并不包含瓦片资产本身。删除或移动原始的Tile Asset文件，会导致调色板中的对应项失效（显示为粉红色丢失状态）。因此，良好的项目文件组织结构至关重要。

3. 高效绘制的艺术：Tile Palette工具详解与实战技巧

调色板和画布都准备好了，现在我们来深入了解“画笔”和“技法”。Tile Palette窗口提供了一系列工具，远不止简单的“画”和“擦”。

3.1 核心绘制工具解析

  • 画笔工具（B）：最常用的工具。选择后，在调色板中点击一个瓦片，然后在Scene视图的Tilemap上点击或拖拽即可绘制。按住Shift键可以切换到擦除模式（临时切换为橡皮擦），松开则恢复。
  • 橡皮擦工具（E）：用于擦除已放置的瓦片。同样支持点击和拖拽。
  • 填充工具（G）：这是一个强大的工具。在调色板中选择一个瓦片，然后在Tilemap的一个封闭区域内点击，它会自动用该瓦片填满整个区域。这对于快速创建大片相同地形（如水域、平地）非常高效。
  • 选框工具（M）：用于选择Tilemap上已放置的一片矩形区域内的瓦片。选择后，可以进行移动、复制、剪切、粘贴操作。配合Ctrl+C（复制）和Ctrl+V（粘贴），可以快速复用设计好的小模块。
  • 拾色器（I）：可以吸取Scene视图中已放置的瓦片类型，并将其设置为当前活动瓦片，方便连续绘制相同类型。

3.2 高级绘制模式与网格操作

除了基础工具，绘制时的模式和网格设置能极大提升控制精度。

  • 绘制模式：在Tile Palette窗口的工具栏中，可以找到绘制模式的下拉菜单。
    • Brush：默认的笔刷模式。
    • Line：直线模式。先点击确定起点，再点击确定终点，两点之间的直线会自动用当前瓦片填充。
    • Rectangle：矩形框模式。点击并拖拽可以绘制一个实心矩形区域。
    • Flood Fill：同“填充工具（G）”，用于区域填充。
  • 网格与对齐：确保在绘制时，Tilemap游戏对象的Tilemap组件上，Animation Frame Rate属性不影响绘制，而Tile Anchor属性决定了瓦片相对于网格点的对齐点（通常是(0.5, 0.5)即中心对齐）。在Scene视图的2D模式下，使用网格对齐（快捷键通常是Shift+逗号/句号调整网格大小）可以保证绘制精准。

3.3 实战技巧：如何绘制一个复杂的平台关卡

假设我们要绘制一个包含草地、泥土、悬崖边的横版平台关卡。

  1. 分层管理：创建两个Tilemap，分别命名为“Ground”和“Decoration”。将“Ground”的Order in Layer设为0，用于放置可碰撞的地面瓦片；将“Decoration”的Order in Layer设为1，用于放置背景装饰（如草丛、花朵），这些瓦片的碰撞体类型设为None。
  2. 绘制大地形：选中“Ground”图层。在调色板中选择“泥土”瓦片，使用填充工具（G），快速绘制出关卡的基础土地轮廓。
  3. 绘制地表：切换到“草地”瓦片，使用画笔工具（B），在土地轮廓的上表面绘制一层草地。为了效率，可以按住鼠标拖拽绘制水平线。
  4. 处理悬崖边缘：这是关键。通常我们需要一种“草地边缘”的瓦片，其顶部是草地，侧面是泥土。在调色板中选择这种边缘瓦片，使用画笔工具（B），仔细地在草地与泥土的垂直边界处点击放置。为了更自然，可以准备左、中、右三种边缘瓦片。
  5. 添加装饰：选中“Decoration”图层。选择“草丛”瓦片（无碰撞体），在草地瓦片的上方随机点击放置，增加细节和生机。
  6. 使用选框复制：如果你设计了一个有趣的平台结构（比如一个带阶梯的土堆），可以用选框工具（M）将其框选，Ctrl+C复制，然后移动到其他位置Ctrl+V粘贴，快速复用设计。

个人心得：在绘制大面积相同瓦片时，填充工具和矩形绘制工具是效率之王。而对于边界、角落等需要精细处理的地方，则必须切换到画笔工具耐心处理。永远不要试图用画笔去涂满一大片区域，那会浪费大量时间。

4. 超越基础：Rule Tile与Animated Tile的魔法

如果Tile Palette只能放置静态瓦片，那它的能力还只发挥了一半。Unity的2D Tilemap Extras包（可通过Package Manager安装）带来了两个革命性的瓦片类型：Rule Tile和Animated Tile，它们将地图编辑从“手工拼贴”提升到了“智能生成”和“动态化”的维度。

4.1 Rule Tile：让瓦片自己学会“连接”

Rule Tile（规则瓦片）解决了2D游戏开发中一个经典且繁琐的问题：如何让瓦片根据周围邻居自动选择正确的精灵来显示，从而实现无缝的连接。例如，一块草地瓦片，当它上下左右都是草地时，应该显示为完整的草地精灵；当它的右边是泥土时，应该自动显示为带有右侧泥土边缘的草地精灵。

创建与配置Rule Tile：

  1. 在Project窗口右键，Create > 2D > Tiles > Rule Tile。
  2. 选中创建的Rule Tile，在Inspector窗口中可以看到一个规则列表。
  3. 每条规则由三部分组成：
    • 规则：定义该规则生效的邻居条件。你可以为“上、下、左、右、左上、右上、左下、右下”八个方向的邻居指定要求：可以是“This”（必须是同类型瓦片）、“Not This”（必须不是此类型）或“Don‘t Care”（任意）。
    • 输出：当满足上述邻居条件时，该Rule Tile应该显示哪个精灵。你还可以输出另一个Tile Asset（甚至是另一个Rule Tile），或者完全隐藏。
    • 随机变换：可以为输出的精灵添加随机的旋转或翻转，增加自然感。

实战应用：为你的“草地”创建一个Rule Tile。你需要准备一组精灵：中心草地、上边边缘、下边边缘、左边边缘、右边边缘、四个角落等。然后，在Rule Tile中创建多条规则。例如：

  • 规则1：邻居条件（上：Not This， 下：This， 左：This， 右：This），输出“草地上边缘”精灵。
  • 规则2：邻居条件（上：This， 下：Not This， 左：This， 右：This），输出“草地下边缘”精灵。
  • ...以此类推，配置完所有边界和角落情况。
  • 最后一条默认规则：当没有其他规则匹配时（即上下左右都是草地），输出“中心草地”精灵。

配置完成后，将这个Rule Tile拖入调色板。当你用它进行绘制时，奇迹发生了：你只需要像画普通瓦片一样大片涂抹，Rule Tile会根据你绘制区域的形状，自动为边界选择正确的精灵，瞬间生成完美连接的地形，效率提升何止十倍。

4.2 Animated Tile：为地图注入生命

Animated Tile（动画瓦片）允许一个瓦片位置循环播放一系列精灵，实现动态效果，比如闪烁的灯光、流动的水面、摇曳的火焰、旋转的风车。

创建与配置Animated Tile：

  1. Create > 2D > Tiles > Animated Tile。
  2. 在Inspector中，将一系列按顺序播放的精灵拖入m_Animated Sprites数组。
  3. 设置m_Min Speed（最小播放速度）和m_Max Speed（最大播放速度），Unity会在两者之间取一个随机值，让同一批动画瓦片播放略有不同，避免完全同步的机械感。
  4. 设置m_Start Time，可以错开动画开始的时间。
  5. 还有一个重要的m_Start Frame，可以设置动画从第几帧开始，这能进一步增加随机性。

将制作好的Animated Tile放入调色板，绘制到Tilemap上，这些位置就会自动播放动画。这对于营造场景氛围至关重要。你可以将水面做成一整片Animated Tile，让整个湖泊或河流都产生波光粼粼的动态效果。

踩坑提示：过度使用Animated Tile可能会对性能产生影响，尤其是当屏幕上同时存在数百个动画瓦片时。一个优化技巧是，对于大面积的动画背景（如远距离的水面），可以考虑使用Shader或粒子系统来实现，而非纯粹的逐帧精灵动画。对于必须使用的动画瓦片，要严格控制其动画精灵的数量和尺寸。

5. 性能、排序与光照：让2D世界更加真实

当你的地图变得复杂时，你会遇到新的挑战：渲染顺序错乱、性能下降、缺乏立体感。这时就需要引入渲染排序和2D光照系统。

5.1 渲染排序与Composite Collider

渲染排序：确保“Decoration”（装饰物）层在“Ground”（地面）层之上，是通过设置Tilemap游戏对象的Sorting Layer和Order in Layer实现的。Sorting Layer是大的分类（如“Background”, “Default”, “Foreground”），Order in Layer是同一层内的具体排序数字，数字越大，渲染越靠前。

复合碰撞体（Composite Collider）：当地面由成千上万个单独的小瓦片碰撞体组成时，物理系统的开销会很大。Tilemap组件可以与Composite Collider 2D组件协同工作。

  1. 为你的“Ground” Tilemap游戏对象添加一个Rigidbody 2D组件，设置Body Type为Static。
  2. 再添加一个Composite Collider 2D组件。
  3. 这时，Tilemap组件上会出现Tilemap Collider 2D子组件，勾选其上的Used By Composite选项。
  4. 现在，所有相连的瓦片碰撞体将会被Composite Collider 2D自动合并成一个或少数几个优化的碰撞体网格，极大提升物理性能。

5.2 引入2D光照系统

Unity的2D光照系统（通过Package Manager安装2D Renderer和2D Lighting相关包）可以为你的像素风或手绘风游戏增添惊人的深度和氛围。

  1. 创建光照材质：首先，需要为你的Sprite和Tilemap指定支持光照的材质。通常使用Lit/2D系列材质（如Sprites-Lit-Default）。
  2. 添加2D光源：在场景中创建Light > 2D > Point Light（点光源）或Freeform Light（自由形状光源）。调整其颜色、强度和范围。
  3. 配置Tilemap接收光照：确保你的Tilemap游戏对象上Tilemap Renderer组件的Material使用的是支持光照的材质（如Sprites-Lit-Default）。
  4. 法线贴图（Normal Map）：这是提升质感的关键。法线贴图可以告诉光照系统每个像素点的“朝向”，从而模拟出凹凸不平的立体感。你可以为你的瓦片精灵生成对应的法线贴图（可以使用专门的工具如SpriteIlluminator，或Photoshop的插件）。将法线贴图导入Unity，并拖拽到精灵的Normal Map属性栏中。

当光源照射到带有法线贴图的瓦片上时，即使是完全平坦的2D精灵，也会产生逼真的光影明暗变化，让砖墙看起来有凹凸，让草地看起来有层次。这彻底改变了2D游戏的视觉表现力。

6. 从场景到游戏：Tilemap数据的保存、加载与运行时编辑

我们精心设计的地图，最终需要在游戏中运行。这就涉及到Tilemap数据的持久化和动态修改。

6.1 场景保存与预制件

最直接的方式是将包含Tilemap的游戏对象保存在场景（.unity文件）中。这对于固定的、作为关卡主体的地图是标准做法。你也可以将设计好的小地图模块（比如一个预设的房间、一个特殊地形）制作成预制件（Prefab），方便在不同场景中复用。

6.2 运行时编辑：脚本控制Tilemap

有时我们需要在游戏运行时改变地图，比如玩家挖开了一块地，炸弹炸毁了一面墙，或者可破坏的地形。这就需要通过脚本来操作Tilemap。

核心类是Tilemap和TileBase。以下是一个简单的示例脚本，演示如何获取Tilemap引用，并在指定网格坐标设置或清除瓦片：

using UnityEngine; using UnityEngine.Tilemaps; public class TilemapEditor : MonoBehaviour { public Tilemap groundTilemap; // 在Inspector中拖拽赋值 public TileBase grassTile; // 在Inspector中拖拽赋值“草地”Tile Asset public TileBase holeTile; // 在Inspector中拖拽赋值“坑洞”Tile Asset（或null用于清除） void Update() { if (Input.GetMouseButtonDown(0)) { // 将鼠标点击的屏幕坐标转换为世界坐标，再转换为Tilemap的网格坐标 Vector3 worldPos = Camera.main.ScreenToWorldPoint(Input.mousePosition); worldPos.z = 0; // 确保Z坐标为0 Vector3Int cellPos = groundTilemap.WorldToCell(worldPos); // 获取当前该位置的瓦片 TileBase currentTile = groundTilemap.GetTile(cellPos); if (currentTile == grassTile) { // 如果当前是草地，则替换为坑洞（或清除） groundTilemap.SetTile(cellPos, holeTile); Debug.Log($"在 {cellPos} 处挖了一个坑。"); } else { // 如果当前是坑洞或空地，则铺上草地 groundTilemap.SetTile(cellPos, grassTile); Debug.Log($"在 {cellPos} 处铺上了草地。"); } } } }

这个脚本实现了点击地面，在草地和坑洞之间切换的效果。SetTile和GetTile是最基础也是最常用的API。更高级的操作还包括SetTilesBlock（批量设置一个矩形区域）、GetTilesRange（获取一个区域内的所有瓦片）等。

6.3 数据序列化与关卡设计器

对于大型的Roguelike或沙盒游戏，关卡可能是程序化生成或由数据文件定义的。你可以将Tilemap的数据（每个网格位置对应的瓦片类型ID）导出为自定义的文本（如JSON、CSV）或二进制格式。在游戏开始时，读取这些数据文件，再通过脚本调用SetTile方法在空的Tilemap上重建出整个地图。这样就将关卡数据与游戏逻辑完全分离，便于设计和修改。

性能警告：在运行时频繁调用SetTile（尤其是单格设置）进行大面积修改可能会有性能开销。如果需要在同一帧内修改大量瓦片（比如爆炸效果），考虑使用SetTilesBlock进行批量操作，或者使用Tilemap.SetTiles一次性设置一个瓦片数组。修改后，如果Tilemap带有Tilemap Collider 2D，可能需要调用Tilemap.RefreshAllTiles()来更新碰撞体，但这本身也是一个有开销的操作，需谨慎使用。

编程学习 学习日记 实战经验
← 返回列表