0基础像素画游戏美术：TileSet实战篇

摘要：从无到有创建一套自己的TileSet

关键词：0基础，像素画，独立游戏，游戏美术，TileSet，游戏场景

▲点击上方“教你画像素画”关注公众号

横版游戏是所有游戏类型的起源。只有解决了一个方向的编程难题，才能解决多个方向，或者360度（3D编程）方向的难题。

题外话：《Doom启示录》里面的编程大佬—卡马克最早就是先攻克了1个方向的编程难题，完美复刻了FC版超级马里奥。后来不断研究计算机图形学编程，自己写出了3D游戏渲染引擎，用自己的引擎开发了Doom！

原因有两点：

1、开发成本低：场景移动只有1个方向，从左到右跟随角色移动游戏场景

2、美术成本低：角色移动只有1个方向，只需要画一份图（侧面），然后左右翻转

FC版超级马里奥里面的某些小怪甚至不用翻转，只需要改下行走方向。比如，下面图片中的蘑菇怪。因为左右对称，所以不需要翻转。

1、马里奥场景还原TileSet

用Aseprite打开马里奥的场景图。必须是1:1像素的场景图，糊掉的jpg图是没用的。

1.1、窗口-网格-网格设置。

1.2、将网格尺寸设置为16*16，然后窗口-显示-网格。

1.3、将场景中的Tile复制粘贴出来。

可以在图片左边留3行空白区域。注意像山、灌木丛、问号箱这种Tile，需要删除背景色。

我找的这个截图场景包含的Tile如下：

1、天空：1个蓝色Tile

2、问号箱：1个宝箱Tile

3、地面：1个石头Tile

4、墙：1个墙壁Tile

5、山：3个Tile，其中1块可以左右翻转

6、灌木丛：3个Tile

所以这个截图场景的TileSet一共有10个Tile。

2、用Tiled拼出场景

在这里免费下载Tiled：

https://thorbjorn.itch.io/tiled

下载以后打开。

点击左上角File-New-New Map。

Width宽：10Tile（这个就是截图场景的尺寸，做真实游戏项目的话，看游戏发布的平台定场景尺寸）

High高：6Tile

Tile尺寸：16*16

其他默认，点击OK。

然后点击左上角File-New-New TileSet。把刚才整理好的图保存为png，然后点Browse，选中保存好的图片（我保存的是370.png）

勾选Embed in map，然后点击OK。

现在就可以在Tiled场景编辑器里面，画马里奥的场景地图了。

具体操作看视频👇

好了，场景拼完以后，记得保存。

3、画一套自己的TileSet

接下来，我们就需要画一套自己的TileSet了。拿出你掌握的像素画基本功，画起来。按顺序修改10个Tile。

画完以后覆盖保存370.png。

4、在Tiled中替换TileSet

打开Tiled，软件自动替换，生成了新的场景。

完。