Unity TileMap 2D 工具基础教程

  • Unity TileMap 2D 工具基础教程
  • TileMap 工程创建
  • Sprite Editor 工具使用
  • TileMap 功能说明
  • TilePalette 调色板功能


Unity TileMap 2D 工具基础教程

TileMap 工程创建

注意创建的时候需要使用 2D 模板创建,不然的话就需要自己手动更改了。

unity中绘制图像 unity画图工具_unity

直接右键 2D Object -> Tilemap 创建TileMap 画布

unity中绘制图像 unity画图工具_游戏引擎_02

画布模式基本上分为三种:Rectangle 矩形、 Hexagon六边形、 Isometric 等角

unity中绘制图像 unity画图工具_快捷键_03

unity中绘制图像 unity画图工具_unity_04


unity中绘制图像 unity画图工具_快捷键_05

创建3个 画布:分别是 背景、绑定、前景 
这里使用的是默认模式(矩形)

unity中绘制图像 unity画图工具_unity中绘制图像_06

注意各个画布的 层级设置,不然会造成遮挡。

unity中绘制图像 unity画图工具_unity_07


unity中绘制图像 unity画图工具_快捷键_08

unity中绘制图像 unity画图工具_游戏引擎_09

打开 TileMap 调色板

unity中绘制图像 unity画图工具_unity中绘制图像_10

新建画板

unity中绘制图像 unity画图工具_2d游戏_11

画板路径保存

unity中绘制图像 unity画图工具_unity中绘制图像_12


unity中绘制图像 unity画图工具_2d游戏_13

画板元素创建

unity中绘制图像 unity画图工具_unity_14


unity中绘制图像 unity画图工具_游戏引擎_15

TileMap 元素

unity中绘制图像 unity画图工具_游戏引擎_16

Sprite Editor 工具使用

如果你只有素材但是没有进行元素分割,可以使用 2DSprite 工具

unity中绘制图像 unity画图工具_快捷键_17

注意模式更改,并把你的图片元素 值进行填写

unity中绘制图像 unity画图工具_unity中绘制图像_18

进行 图片编辑界面

unity中绘制图像 unity画图工具_游戏引擎_19

进行元素切分

unity中绘制图像 unity画图工具_2d游戏_20


unity中绘制图像 unity画图工具_unity中绘制图像_21

确定后进行应用

unity中绘制图像 unity画图工具_unity_22

应用之后的结果,再次重复导入调色板就行了

unity中绘制图像 unity画图工具_unity中绘制图像_23

可以编辑你自己的TileMap 画布了

unity中绘制图像 unity画图工具_unity_24

TileMap 功能说明

碰撞添加

unity中绘制图像 unity画图工具_游戏引擎_25

碰撞添加之后的效果

unity中绘制图像 unity画图工具_unity中绘制图像_26

在 Scene 界面 按住Ctrl 键 可更改绘制大小
按住 Shift 键可消除画板元素

unity中绘制图像 unity画图工具_游戏引擎_27

再次点击 Ctrl 可恢复单元格

unity中绘制图像 unity画图工具_2d游戏_28

TilePalette 调色板功能

所有工具都可以使用 Ctrl 和Shift 进行联通使用
1. 元素选择  快捷键:S
2. 元素移动  快捷键:M
3. 绘画  快捷键:B
4. 区域绘制(可选中一个区域内的元素进行绘制)  快捷键:U
5. 元素吸取  快捷键:I
6. 橡皮檫(元素擦除)  快捷键:D
7. 油漆桶(区域绘制)  快捷键:G

unity中绘制图像 unity画图工具_unity中绘制图像_29

调色板 元素
选中颜色为:纯白

unity中绘制图像 unity画图工具_快捷键_30

如果使用 Edit 按钮之后就可以对 当前调色板元素 调整。
选中颜色为:橘黄

unity中绘制图像 unity画图工具_游戏引擎_31

unity中绘制图像 unity画图工具_游戏引擎_32


暂时先这样吧,如果有时间的话就会更新,实在看不明白就留言,看到我会回复的。

路漫漫其修远兮,与君共勉。