Logo

使用Tiled&Piskel制作2D地图

20241119T1527530800

不知道您是否接触过街机游戏，像恐龙，KOF，街霸，黑白机等，以及以前的RPG游戏等2D游戏，就像terraria 泰拉瑞亚，这些都是属于像素类游戏，而且还有其它大作，也是属于这个类型的，开发这种游戏是需要工作的，比如绘画工具，地图制作工具等。

当然工具的选择是多种多样的，就连我经常用的figma也可以实现这些工具的基础功能，但是毕竟专业的事情需要专业的工具去解决，会来的方便很多，其中他们也会提供一些实用的工具，这就在体验上给了很大程序上的满足，就像是自动化这一类的，能大大提升你的效果，这跟特异功能，我觉得是差不多的，进入主题。

因为最近画的地图实现是比较验证以下咽，因此打算从2D，3D这两个方向去解决关于地图绘制的问题。

因此第一个尝试入手的，就是传统的tiles制作，因此方向就转向了这个方向，虽然是工具地图，但是这跟游戏的关键也是可以相通的，至少也可以借助这些工具实现地图拼接这些功能。

Tiled与Piskel

选择这两款工具，同时，这两款也是十分容易入门的，其实就是简单的拼接，一些极奇简单的基础功能，因此在介绍上，没有太多的内容，省时少力

Piskel

这是一像素图像的制作工具，主要用来绘制一些例如地，树，墙，石，山，水等自然非自然的因素，称之为像素点，是构成整个图画的必要元素

Tiled

画布，是将像素内容，放置，堆叠在这之上的，实现最终的视觉效果。

实现的最终效果

因此两个必要基础，绘画 + 构图，就是使用这两个工具的基本内容了

需要考虑的问题

1，首先是草坪，草坪在哪里都需要使用的的，而地形的话，基本会有多种的，例如

草坪 水泥地 鹅卵石路 沙路 泥路 沥青路

因为我要建的是一个工厂的顶视效果，因此，需要的地形，有：

外围的：草坪 水泥地 沥青路 内部的：地砖面 地面漆

需要例面这些的，是因为这些是会衔接的过渡的，比如草坪的过渡会有沙面到沥青路程这样的过渡，或是是水泥，花坛等的围栏。 地砖到墙体的过渡

2，块的尺寸

应该普遍是以32x32为单位的tiles来实现效果，但是，现代普遍精度越来越高，按需求，应该有两套，一套精细，64x64， 128x128应该是不错的选择

所以我打算使用64的规格做一套就可以了

替代 Pyxel Edit 的工具推荐

开源免费工具

1. Aseprite

  • 特点：
    • 专业的像素艺术工具，支持动画制作、图层管理和 Tileset 绘制。
    • 自定义网格和实时预览功能，非常适合制作 Tileset。
  • 开源版本：
    • 虽然正式版本需要购买（$19.99），但它的旧版本代码是开源的，可以从 GitHub 编译。
  • 平台：Windows, macOS, Linux

2. Krita

  • 特点：
    • 开源且免费的数字绘图工具，支持像素艺术。
    • 虽然主打数字插画，但通过网格功能也可以用来制作 Tileset。
    • 支持图层和动画帧管理。
  • 平台：Windows, macOS, Linux

3. Pixelorama

网站挂了，直接挂到了github

  • 特点：
    • 专注于像素艺术的开源工具，支持 Tileset 绘制、自定义网格和动画制作。
    • 内置多层支持和图块实时预览功能。
  • 平台：Windows, macOS, Linux

4. LibreSprite

  • 特点：
    • Aseprite 的开源分支版本，免费使用。
    • 包含 Aseprite 的大部分功能，如动画、Tileset 和图层支持。
  • 平台：Windows, macOS, Linux

5. Piskel

  • 特点：
    • 在线像素画编辑器，也有桌面版本。
    • 支持动画和简单的 Tileset 制作。
    • 导出支持多种格式，包括 PNG 和 GIF。
  • 平台：浏览器（在线）或 Windows, macOS, Linux

6. GIMP

  • 特点：
    • 免费且功能强大的图像编辑工具。
    • 可通过插件支持像素艺术工作流程。
    • 内置网格功能，可用于绘制 Tileset。
  • 平台：Windows, macOS, Linux

付费工具

7. Pro Motion NG

  • 特点：
    • 专业像素艺术工具，与 Pyxel Edit 功能类似。
    • 支持 Tileset 绘制、自动对齐、图层和动画功能。
    • 对经典 2D 游戏开发者友好，类似于旧版 Deluxe Paint。
  • 价格：
    • 免费版本（功能受限）和付费版本（约 $39）。
  • 平台：Windows

8. Tilesetter

  • 特点：
    • 专注于自动生成 Tileset 和无缝连接图块。
    • 半自动化工具，可以快速制作不同样式的瓦片。
  • 价格：
    • 免费版提供基础功能，专业版（$16）提供更多高级功能。
  • 平台：Windows, macOS, Linux

Tilesetter 感觉还是不错的，可以替代Tiled，但是其是收费的

如果不介意付费，其实可以 Tilesetter & Pyel Edit这个组合，感觉还是可以的。因为Tilesetter的半自动代功能是不错的，可以节省不必要的重复操作，点击等。

Piskel 绘制像素图的，这款也是不错的选择，是在线的应用，可以直接使用

经费有限，因此选择 Tiled & Piskel 来作讲解，有条件下，还是选择Tilesetter & Pyel Edit体验优于前两者