Skip to content

打开一个 精灵序列(Sprite Sequence)资产后,您将打开 精灵序列编辑器(Sprite Sequence Editor)的窗口,会看到以下界面:

【Sprite_Sequence_Editor_Window001.png】

  1. 顶部工具栏(Top Tool Bar),其中包含 精灵序列(Sprite Sequence)编辑器的一系列常用功能,比如撤销、重做和保存。
  2. 演示画布(Preview),在这里您可以以自定义的播放模式预览 精灵序列(Sprite Sequence)的播放效果以及按照任意缩放查看每帧的 Sprite(精灵)。
  3. 可配置属性(Sprite Sequence Settings),设置 精灵序列(Sprite Sequence)播放或演示的相关属性。
  4. 精灵序列列表(Sprite Sequence List),用于编辑 精灵序列(Sprite Sequence)的 Sprite(精灵)播放顺序和频率。
  5. 项目窗口(Project),可以在其中访问可在项目中使用的资产库,用于便捷地为 UI 对象引用资产。使用方法请参阅 项目窗口 章节。

由于 SandMod 编辑器的界面可以进行高度化的自定义,您可以任意改变编辑器的界面布局。上面所演示的是 精灵序列(Sprite Sequence)编辑器的默认界面布局,如果您 精灵序列(Sprite Sequence)编辑器的布局与上图有出入且想改为默认布局,请在菜单栏依次点选 窗口(Window)> 布局(Layout)> 加载布局(Load Layout)> 默认(Default) 加载默认布局。

顶部工具栏(Top Tool Bar)

顶部工具栏(Top Tool Bar)用于在项目资源路径下 保存(Save) 并找到 精灵序列(Sprite Sequence)资产。

【Sprite_Sequence_Editor_Window002.png】

精灵序列(Sprite Sequence)编辑器窗口的顶部工具栏包括以下按钮和菜单:

名称图标描述
保存(Save)Save.png点击按钮后,正处于打开编辑状态的 精灵序列(Sprite Sequence)内容,将同步至此 精灵序列(Sprite Sequence)资产中。
撤销(Undo)Undo.png点击按钮后,返回上一步的操作,但是无法返回保存前或资产新建前的操作。
重做(Redo)Redo.png点击按钮后,恢复前一次撤销的操作。

Sprite 窗口

在 精灵序列编辑器(Sprite Sequence Editor)窗口中,演示画布(Preview)、可配置属性(Sprite Sequence Settings)、精灵序列列表(Sprite Sequence List)都属于 Sprite 窗口的组成面板。

【Sprite_Sequence_Editor_Window003.png】

在 SandMod 编辑器的默认布局下,精灵序列编辑器主要区域将会显示 Sprite 窗口,如果没有显示或窗口消失,您可以在精灵序列编辑器中打开 菜单栏(Menu) ,并点选 窗口(Window) > 视图(Panel) > Sprite 进行显示。

【Sprite_Sequence_Editor_Window004.png】

演示画布(Preview)

在 演示画布(Preview)您可以以自定义的播放模式预览 精灵序列(Sprite Sequence)的播放效果以及按照任意缩放查看每帧的 Sprite(精灵)。

【Sprite_Sequence_Editor_Window005.png】

缩放演示画布

通过以下方法,可以缩放演示画布。

方法一:

将鼠标指向演示画布,滚动鼠标滚轮或类似功能可放大和缩小演示画布。

【Sprite_Sequence_Editor_Window006.gif】

方法二:

您可以拖动演示画布右下方的画布缩放比例滑动条,可以调整演示画布 100% 到 5,000% 之间缩放。

【Sprite_Sequence_Editor_Window007.png】

移动演示画布

当当前帧的 Sprite(精灵)外框超出演示画布的范围时,将鼠标指向演示画布,长按鼠标右键并拖动鼠标即可移动演示画布。

【Sprite_Sequence_Editor_Window008.gif】

设置播放模式和帧导航

演示画布正下方的播放和帧导航框架,决定了 精灵序列(Sprite Sequence)在演示画布的播放模式和进行的帧导航。具体操作方法请参阅 播放和帧导航框架 章节。

【Sprite_Sequence_Editor_Window009.png】

可配置属性(Sprite Sequence Settings)

可配置属性(Sprite Sequence Settings)面板用于设置播放或演示的相关属性,其属性包含以下内容。

【Sprite_Sequence_Editor_Window010.png】

名称描述
序列(Sequence)
FPS (Frames Per Second)设置帧的播放速度,确定每秒播放多少帧的动画节奏,默认状态下每一帧播放一个 Sprite(精灵)资产。
边框颜色(Border Color)设置当前帧播放的 Sprite(精灵)边框的颜色,默认情况下边框的 Alpha 值为 0。Sprite(精灵)的边框仅会在演示画布中显示,当精灵序列被渲染实例化在 3D 游戏场景或者 UI 中时,边框将不显示。
背景颜色(Background Color)设置演示画布的背景颜色。
关键帧(Keyframe)编辑该精灵序列资产的 Sprite(精灵)数,属性值类型是正整数。
元素条目(Element)关于关键帧元素条目的相关设置,请参阅下面的内容。

创建关键帧元素条目

要创建关键帧元素条目,请在关键帧元素列表下点击 追加(Append) 按钮。 创建关键帧元素条目同时也会同步改变 关键帧(Keyframe)属性的值。

【Sprite_Sequence_Editor_Window011.png】

指向 Sprite(精灵)

关键帧元素条目的属性为引用类型属性,单击对应属性条目引用框右侧的同心圆图标,即可打开引用列表。找到要引用的 Sprite(精灵)资产,鼠标指向它并点击左键,即可引用该 Sprite(精灵)资产指向该关键帧元素条目。

【Sprite_Sequence_Editor_Window012.png】

元素条目基础操作

自定义序列:您可以拖动每个关键帧元素条目左侧的控制柄以调整该元素条目的顺序。调整顺序后,元素条目列表中的所有元素条目序号都会按新的顺序重新排序,且精灵序列列表也会同步更新新的排序。

【Sprite_Sequence_Editor_Window013.png】

删除:鼠标左键点击关键帧元素右侧的删除按钮,可对关键帧元素进行删除。

【Sprite_Sequence_Editor_Window014.png】

精灵序列列表(Sprite Sequence List)

精灵序列列表(Sprite Sequence List)用于编辑 精灵序列(Sprite Sequence)的 Sprite(精灵)播放顺序和频率。

【Sprite_Clip_Editor_Window015.png】

选择预览 Sprite(精灵)

在精灵序列列表中使用鼠标左键点击列表中的 Sprite(精灵),在演示画布中将会显示选中的 Sprite(精灵),且精灵序列也会从当前 Sprite(精灵)开始播放。

【Sprite_Sequence_Editor_Window016.gif】

调整帧顺序

在精灵序列列表中长按鼠标左键拖动列表中的 Sprite(精灵),可以改变该 Sprite(精灵)的播放顺序。调整顺序后,可配置属性面板的关键帧元素条目列表也会同步更新新的排序。

【Sprite_Sequence_Editor_Window017.gif】

调整 Sprite(精灵)所占帧数

在精灵序列列表中,每个 Sprite(精灵)左右两侧都各有一个控制柄。

【Sprite_Sequence_Editor_Window018.png】

拖动控制柄可以编辑控制柄所属 Sprite(精灵)占播放的帧数,可以调整 精灵序列(Sprite Sequence)的播放节奏。

【Sprite_Sequence_Editor_Window019.gif】