Aseprite 动画

Aseprite 简介 ​

Aseprite 是一款付费的像素艺术应用程序，专为轻松创建皮肤和资源包而设计。它提供了丰富的工具、详尽的文档和教程，适合各种技能水平的艺术家使用。

LibreSprite 是 Aseprite 的免费开源替代品。它是 Aseprite 最后一个开源许可版本的分支，本教程同样适用于 LibreSprite。

在 Aseprite 中创建动画 ​

假设您有一系列名为 "frameimage" 的帧图像，编号从 1 到 5。导入第一张图像后，Aseprite 会自动识别其他名称相同但编号不同的图像，并按正确顺序排列它们，从而创建动画。

使用 方向键 浏览所有帧，按 回车键 播放或暂停动画。按 Tab 键 打开时间轴并选择单个帧。在时间轴中右键单击某个帧可访问各种设置。

要导出动画，可使用快捷键 Ctrl + E 或导航至 文件 -> 导出为精灵表。在输出设置中，选择输出文件和 JSON 数据。您会看到一个下拉菜单，其中包含 Hash 和 Array 选项。确保选择 Array 选项，否则导出将无法正常工作。

此时您应该会得到两个文件：精灵表图像和一个 JSON 文件。确保这两个文件名称相同但扩展名不同。

在 JSON-UI 中使用 Aseprite 动画 ​

aseprite_flip_book 动画类型只能用于 image 类型元素的 uv 属性。

{
	"image_element": {
		"type": "image",
		"texture": "textures/ui/my_sprite_file",
		"uv_size": [32, 32],
		"uv": "@example_namespace.image_uv_animation"
	},

	"image_uv_animation": {
		"anim_type": "aseprite_flip_book",
		"initial_uv": [0, 0]
	}
}

将 texture 字段设置为导出文件的路径（不带扩展名）。uv_size 字段应设置为单个帧的宽度和高度。