Spark AR —— 3D 对象的程序动画(Procedure Animation)

1,122 阅读3分钟

本文已参与掘金创作者训练营第三期「高产更文」赛道,详情查看:掘力计划|创作者训练营第三期正在进行,「写」出个人影响力

Spark AR 是 Facebook 免费创作 AR 作品的平台,使用户能够为 Facebook 和 Instagram 创建交互式增强现实体验,超过 40 万名创作者,190个国家/地区,使用 Spark AR 来创作自己的AR作品

由于该软件无需任何编码知识即可使用,因此任何人现在都可以在 AR 世界中几乎没有经验地制作下一个疯狂式传播的 Instagram AR 特效,引领世界潮流。

专门的 AR 滤镜设计师单价甚至可达到 1000 美元到 3 万美元不等。

66459761_329727891311157_4004046316110872576_n.gif

如果一个 3D 对象有一个骨架,你可以使用贴片(Patches)来设置骨架中的关节如何移动——动画对象。这被称为程序动画。

为了测试这一点,导入你自己的 3D 对象或从 AR 库中选择。

你可以将同样的技术应用到其他类型的对象上,比如组成 3D 对象的网格。

找到你想要动画的关节

场景面板中展开你的对象,选择你想要动画的关节。

在下面的例子,我们在场景中添加了一个名为 boombox_animated 的对象。它由几个网格和一个有三个关节的骨架组成。我们已经选择了一个名为base_jnt 的关节,它将允许我们动画对象的基础。

image.png

为关节的位置、旋转、缩放创建贴片

在检查器中,创建一个贴片来代表关节的位置、旋转或缩放。

你会选择:

  • 位置:在不同位置之间移动物体。
  • 旋转: 旋转物体。
  • 缩放:使对象变得更大和更小。

要创建贴片,只需单击属性旁边的箭头。 在下面的例子中,我们创建了一个贴片来代表关节的大小。

image.png

创建循环动画(Loop Animation)并平移(Transition)贴片

你将使用两个贴片,循环动画平移,来对关节进行动画。

循环动画贴片和平移贴片通常一起使用。这是因为循环动画贴片控制动画的进度,而平移贴片可以配置为控制对象的移动方式和位置。

创建这些贴片:

  • 在贴片编辑器中右键单击,从菜单中选择一个Loop Animation贴片。
  • 再次右键单击并选择一个Transition贴片。

image.png

连接贴片并编辑它们的值

连接:

  • Loop Animation 贴片的输出 ProgressTransition 贴片中的输入 Progress
  • Transition 贴片的输出到表示你想要动画属性的贴片。

image.png

编辑:

接着编辑 Loop Animation 贴片

改变 Duration 值以减慢或加速动画。 勾选 Mirrored 旁边的复选框,使得其来回镜像移动。

Transition 贴片中,为对象设置动画之间的值。例如,如果我们将Start 旁边的每个值都设置为 0.9,则对象就会产生稍微变大的效果:

66459761_329727891311157_4004046316110872576_n.gif

最后,值得一看Transition 贴片中的 Curve 值,你可以调整它来设置移动的节奏。值得在您自己的效果中尝试这个选项。下图为支持的调整曲线值的类型

20210827204308.png