精灵编辑器

Pyxen 内置完整的精灵编辑器，可以在 iPad 和 Mac 上直接在项目中创建和编辑像素画。无需任何外部工具。

打开精灵编辑器

在“文件”面板中选择一张图片，它会直接在精灵编辑器中打开。要新建一张，选择文件 › 新素材…，然后选择图片。

在较窄的 iPad 窗口中，画布占满面板的宽度，它的各个面板成为窗口底部托盘中的工具：工具、颜色、图层和帧。瓦片地图的工具是工具和图块。

绘图工具

工具排列在画布边缘，每个都有对应的按键：

选择一种颜色，在画布上绘制。用双指捏合或滚动放大，进行像素级的精细操作；缩放以适应（Cmd+0）显示整张图片。编辑器栏中的对称会把你画的内容水平、垂直或双向镜像。

颜色

侧栏包含你绘制用的颜色和背景色（X 交换两者）、颜色的十六进制值、调色板以及最近用过的颜色。在 ⋯ 菜单中选择其他调色板。

选择工具

有选区时，画布菜单（右键点按，或按住）可以：

在 iPad 上，画布上方的编辑按钮可以撤销、重做、剪切、拷贝和粘贴。

图层

图层位于调色板下方。添加图层会添加一个图层；每个图层都有可见和已锁定开关。图层的菜单可以重命名、上移或下移、设置不透明度；向下合并把它与下方图层合并，合并所有图层把所有图层合成一个，删除图层会移除它。

每个图层独立绘制。你可以把背景、角色和特效分到不同图层，编辑时互不影响。

调整大小、翻转和旋转

**调整图像大小…**会改变图片的尺寸：

画布菜单中还有裁剪到内容、水平翻转、垂直翻转，以及 90° 和 180° 旋转。

网格（栏中的网格）有助于在图集上对齐图块；它的大小、主线和颜色在 ⋯ 菜单中。

动画

编辑器底部是这张图片的动画，用于逐帧精灵动画。

创建动画

  1. 选择新建动画并为它命名（例如 “walk”、“idle”、“attack”）
  2. 用图块选择工具（T）在精灵图集上选择图块，然后选择添加到动画
  3. 或者选择添加帧，按阅读顺序添加下一个图块

整张图集会重新显示整张图片；动画的菜单可以重命名或删除它。

编辑帧

洋葱皮

打开洋葱皮，编辑时可以看到上一帧的半透明影像。这有助于保持各帧一致。

隔离帧

打开隔离帧，会隐藏你正在编辑的帧周围的图块，让你专注于这一帧。

在代码中使用动画

动画保存在精灵的元数据中。使用 animation 参数在游戏中播放它们：

player.sprite = Sprite("hero", animation="walk")

参见精灵与渲染和 Sprite 参考文档了解完整 API。

面板栏中的在代码中使用会显示脚本中有多少行用到这张图片；选择一行即可跳过去。在代码中 Cmd+点按图片名，会回到这里，并打开调用所指的动画或图块。

导出精灵

⋯ 菜单末尾的导出…、动画菜单中的导出动画…，或文件 › 导出精灵…（Option+Cmd+E）会打开导出精灵。选择要生成的内容：

选择动画，选帧时再选具体的帧。缩放让文件变为 1×、2×、4× 或 8× 大小，每个像素都保持清晰的方块。预览就是文件本身，下方显示其名称和大小：hero-walk@4x.gif、第 2 帧为 hero-walk-2.png、hero-walk-strip.png、图集为 hero.png。

**保存…**会把文件存到你选择的位置；在 iPad 上，**分享…**会打开共享表单（存储到”文件”、存储图像、隔空投送）；在网页上，下载会下载该文件。复制会把 PNG 放到剪贴板。在 Mac 和 iPad 上，拖动预览即可把文件放到你想要的地方。

GIF 没有半透明像素：不透明度至少一半的像素画成实色，其余为透明。GIF 的每帧时长以百分之一秒为单位，因此 8 fps 时每帧 0.13 秒，且播放速度不会超过 50 fps。

撤销和重做

在项目打开期间，精灵编辑器中的每次修改都可以撤销（Cmd+Z）和重做（Cmd+Shift+Z）。

在游戏中查看你的美术

游戏每次启动时都会读取图像：绘制之后，再次运行游戏即可在游戏预览中看到新的像素。正在运行的游戏会继续使用它启动时的图像。

提示