0基础像素画游戏美术：TileSet实战篇摘要：从无到有创建一套自己的TileSet关键词：0基础，像素画，独立游戏，游戏美术，TileSet，游戏场景▲点击上方“教你画像素画”关注公众号编辑 / 三二横版游戏是所有游戏类型的起源。只有解决了一个方向的编程难题，才能解决多个方向，或者360度（3D编程）方向的难题。

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

原因有两点：1、开发成本低：场景移动只有1个方向，从左到右跟随角色移动游戏场景2、美术成本低：角色移动只有1个方向，只需要画一份图（侧面），然后左右翻转FC版超级马里奥里面的某些小怪甚至不用翻转，只需要改下行走方向。比如，下面图片中的蘑菇怪。

因为左右对称，所以不需要翻转。马里奥场景还原TileSet用Aseprite打开马里奥的场景图。

必须是1:1像素的场景图，糊掉的jpg图是没用的。1.1、窗口-网格-网格设置。

截图 2022-05-02 14.54.001.2、将网格尺寸设置为16*16，然后窗口-显示-网格。截图 2022-05-02 14.54.071.3、将场景中的Tile复制粘贴出来。

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

我找的这个截图场景包含的Tile如下：1、天空：1个蓝色Tile2、问号箱：1个宝箱Tile3、地面：1个石头Tile4、墙：1个墙壁Tile5、山：3个Tile，其中1块可以左右翻转6、灌木丛：3个Tile所以这个截图场景的TileSet一共有10个Tile。

2、用Tiled拼出场景在这里免费下载Tiled：https://thorbjorn.itch.io/tiled下载以后打开。点击左上角File-New-New Map。

Width宽：10Tile（这个就是截图场景的尺寸，做真实游戏项目的话，看游戏发布的平台定场景尺寸）High高：6TileTile尺寸：16*16其他默认，点击OK。然后点击左上角File-New-New TileSet。

把刚才整理好的图保存为png，然后点Browse，选中保存好的图片（我保存的是370.png）勾选Embed in map，然后点击OK. 现在就可以在Tiled场景编辑器里面，画马里奥的场景地图了。

具体操作看视频👇好了，场景拼完以后，记得保存。

3、画一套自己的TileSet接下来，我们就需要画一套自己的TileSet了。

拿出你掌握的像素画基本功，画起来。按顺序修改10个Tile。

画完以后覆盖保存。

4、在Tiled中替换TileSet打开Tiled，软件自动替换，生成了新的场景。

完。