连接到皮肤

将项目输出为 Web 输出(而不是视频格式)时,您可以使用动画来使用其他轨道来控制蒙皮元素。

https://www.youtube.com/watch?v=O21U3-57dSk

在此示例中,我们将使用变量在某个时间点显示和隐藏文本框。首先,将在动画编辑器中创建附加轨道,然后根据动画编辑器中不断变化的变量将动作分配给皮肤元素。

了解有关变量的更多信息。

添加可变轨道

第一步是在动画编辑器中添加可变轨道:

  1. 添加剪辑。
  2. 添加其他轨道。右键单击轨迹标题,然后选择 添加轨迹 > 新建 (Add Track > New) 或从 动画(Animation) 菜单中选择 添加轨迹(Add Track)。
  3. 在弹出的对话框中,为轨道类型选择蒙皮变量
  4. 给曲目一个有意义的描述。例如, 显示文本
  5. 设置此轨道的皮肤变量名称。这可以是任何东西。例如,我们的变量将被调用为 showtext 变量也可以在皮肤中定义。如果已在 Web 输出中选择了皮肤,则在添加其他轨道时将提供已定义变量的列表。
  6. 选择变量类型。我们的将是一个文本变量。
    Track Parameters
    轨道参数

添加关键帧

接下来,添加关键帧作为触发器来更改变量的值。

  1. 在要添加的轨道中双击。
  2. 设置一个值。由于变量的类型是 text,因此我们将添加一个 text 值:text1。第一个关键帧指示第一个文本框何时出现。
  3. 添加另一个关键帧。为其指定与第一个关键帧不同的值。例如,text2。第二个关键帧将指示第二个文本框何时出现,以及第一个框何时隐藏。

到目前为止,我们已经添加了两个更改变量值的关键帧。在皮肤编辑器中,我们将添加此变量、一些文本框以及对变量更改做出反应的动作。

Variable Track with keyframes.
条带有关键帧的可变轨道。

向皮肤元素添加动作

现在,向皮肤添加元素并赋予它们动作。

  1. 打开皮肤编辑器 。通过 Web 输出属性打开或使用键盘快捷键 Command-K (macOS) 或 Control+K (Windows)。
  2. 在画布内部单击以显示皮肤属性。你将看到一个表格,其中包含我们在动画编辑器中添加的变量。

我们现在可以开始向皮肤添加元素了。对于我们的示例,我们将只添加两个文本框。一个将在第一个关键帧出现时显示,而另一个将出现在第二个关键帧处。

添加文本框

  1. 绘制一个文本框

  2. 取消选择“可见”。(文本框属性 > 外观 > 可见)

    Deselect Visible.
    取消选择“可见”。

  3. 添加一些文本。(文本框属性>文本)

  4. 自定义文本框。我们选择了居中对齐、 自动换行 自动大小 ,并将填充更改为 10。我们还更改了它的背景颜色 (文本框属性 > 矩形 > 背景)。

  5. 添加更改后的变量动作:

    1. 双击“动作”表格以添加动作。

    2. 对于“源”,选择 “变量已更改 ”。

    3. 选择您创建的变量。我们的称为显示文本

    4. 选择动作, 可见性

    5. 类型为 “显示元素”

    6. 目标是 _self

    当动画编辑器中的变量 showtext 发生更改时,此动作将显示文本框。但我们不希望这个框在每次变量变化时都显示出来。因此,我们将向动作添加一个过滤器

添加动作过滤器

  1. 单击 “动作过滤器” 按钮以打开过滤器设置。

    Action Filter button.
    动作过滤器按钮。

  2. 双击表格以添加条件。

  3. 对于 触发器(Trigger),选择在皮肤属性中添加的变量。我们的称为显示文本

  4. “比较” 设置为 =

  5. 将 值(Value) 设置为你设置为关键帧值的任何值。我们将我们的设置为 text1

  6. 单击确定。

此条件表示,仅当变量的值已更改为 text1 时,才应执行该动作。

Add action filter.
添加动作筛选器。

添加隐藏元素动作

最后,当第二个文本框显示时,文本框需要隐藏自身。

  1. 复制动作表中的第一个动作。右键单击,选择复制

    Copy the action.
    复制动作。

  2. 在表格中单击鼠标右键,然后选择“ 粘贴 ”。

  3. 双击动作以打开其参数。

  4. 将其动作更改为 “隐藏元素”

  5. 将动作过滤器更改为仅在变量 showtext = text2 时执行。

添加另一个文本框

  1. 绘制第二个文本框。

  2. 更改元素的 ID。

  3. 取消选择可见性 。(文本框属性 > 外观 > 可见性)

  4. 添加一些文本。(文本框属性>文本)

  5. 自定义文本框。

  6. 添加更改的变量动作。

    1. 双击“动作”表格以添加动作。

    2. 对于“源”,选择 “变量已更改 ”。

    3. 选择您创建的变量。我们的称为显示文本

    4. 选择动作, 可见性

    5. 类型为 “显示元素”

    6. 目标是 _self

  7. 添加过滤器。

    1. 双击以添加条件。

    2. 对于 触发器(Trigger),选择你在皮肤属性中添加的变量。我们的称为显示文本

    3. “比较” 设置为 =

    4. 将 值(Value) 设置为你设置为第二个关键帧值的任何值。我们将我们的设置为 text2

    5. 单击确定。

  8. 添加 “隐藏元素” 动作。

    1. 复制第一个动作。右键单击,选择复制

    2. 在表格中单击鼠标右键,然后选择“ 粘贴 ”。

    3. 双击动作以打开其参数。

    4. 将其动作更改为 “隐藏元素”

    5. 将动作过滤器更改为仅在变量 showtext = text1 时执行。

  9. 保存皮肤。

输出项目

最后,是时候导出项目了。

  1. 打开 Web 输出属性。

  2. 添加您刚刚创建的皮肤。

  3. 在“自动旋转”窗格中,选择 “动画”

  4. 选择正确的顺序。在本例中,我们使用了 默认序列(Default Sequence)。

  5. 单击 “生成输出” 按钮或上传到 Gnome 云。

另请参阅...

最后修改时间: 2023 年 7 月 13 日