Spark AR —— 可视化节点式编程总览(二)【贴片】

531 阅读3分钟

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

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

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

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

理解并编辑贴片

让我们仔细看看标签和值,您可以看到并编辑它们。这是循环动画贴片:

image.png

名字

名字在贴片的顶部。在上面的例子中,这个贴片被称为 Loop Animation(循环动画)。

您可以通过双击贴片名称来重命名一些贴片。

输入与输出端口

贴片两侧带有箭头的小圆圈被称为port。在一个贴片的右侧的端口被称为output port。左边的端口是input port

通过从输出端口连接到输入端口,你可以将一个贴片连接到另一个贴片。

端口被标记以表明它们的功能。Loop Animation有3个输入端口:

  • Enable - 这个端口使动画能够播放-打开或关闭它。
  • Duration - 你可以调整这个端口的值来编辑动画的持续时间,以秒为单位。
  • Reset - 你可以使用这个端口来重置动画。

它有一个输出端口,Progress。这个端口创建一个表示动画进程的信号。

当端口旁边有一个框时,这意味着您可以编辑与该端口关联的值。

Loop Animation贴片中,可以编辑 2 个值。编辑 Duration 值将改变动画播放的时间。

选中Mirrored旁边的复选框将意味着动画在它正向播完之后会反向播放。

数据类型

您将为一些贴片选择不同的数据类型。例如,如果你在操作一个 2D 对象的形状,你会将某些贴片的数据类型设置为 Vector2 。如果你要给一个材质着色,你需要将某些贴片的数据类型更改为 Color

如果需要更改贴片的数据类型,请选择该贴片。一个包含当前数据类型的框将出现在贴片的底部。

image.png

本例中 Transition 贴片的数据类型被设置为 Vector3 。这意味着贴片可以用于(举个栗子)在 3D 空间中将一个物体从一个位置转换到另一个位置。要改变这一点,你需要点击 Vector3 旁边的箭头,并从列表中选择一个选项:

image.png

如果您将数据类型更改为 Color ,则可以使用它来转换场景中元素的颜色。