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

640 阅读4分钟

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

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

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

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

前言

Spark AR Studio 中的贴片Patch可以让你在效果中添加交互、动画和逻辑。你也可以用它们来创建材质。

贴片充当视觉构建块,每个贴片执行不同的功能。它们连接在一起构成所谓的图Graph,贴片相互传递和接收信息,从而使产生效果。

许多脚本中可用的功能可以作为贴片添加到您的效果中,因此您可以在不知道如何编码的情况下增加复杂性。

一旦你了解了这些基础知识,就有必要看看我们在这些教程中使用贴片来构建完整效果的不同方法。

Spark AR 把可视化的脚本节点称作 Patch (贴片),它有点类似 UE 的蓝图节点

打开可视化贴片编辑器

打开贴片编辑器:

  • 在菜单栏中选择 “查看” View
  • 选择 “显示/隐藏贴片编辑器” Show/Hide Patch Editor

贴片编辑器将在 Spark AR Studio 界面的底部打开。

image.png

贴片类型

大多数场景对象和资产都可以表示为贴片。你也可以在检查器中创建贴片来表示对象和资产的属性。

在贴片编辑器中右键单击将打开一个菜单,菜单中有一系列的“中间”Intermediary 贴片。

这些贴片可用于为项目添加各种额外的复杂性,包括逻辑、动画和交互性。

场景对象(生产者贴片)

代表场景对象的贴片产生信号,信号可以传递给其他贴片。因此,它们被称为生产者 贴片。

将对象从场景面板拖到贴片编辑器中,创建一个生产者贴片。

22333333.gif

在你的场景中添加一个面部跟踪器,并将其拖到贴片编辑器中。

例如,面部追踪器贴片会根据脸部的位置和运动产生信号。

检查器属性(消费者贴片)

图中的最后一个贴片将代表场景中你想让图影响的对象的属性。

这些贴片被称为消费者贴片,因为它们消耗图表中其他贴片产生的信号,从而改变属性。

要创建这种类型的贴片,在场景面板中选择对象,并在检查器中单击属性旁边的箭头。

22333333.gif

黄色的贴片将被创建

image.png

资产贴片

要在资产面板中创建代表资产的贴片,例如纹理和音频文件,将资产拖放到贴片编辑器中。

您可以将多个资产贴片实例添加到项目中。

中间贴片

使用贴片编辑器中的菜单创建中间贴片。要从这个菜单中添加贴片,在贴片编辑器中右键单击,找到您需要的贴片并选择插入。如果可能的话,贴片将出现在一个不重叠任何其他贴片的位置。

名称描述
Animation添加动画到效果,包括添加程序动画到3D对象与骨骼和关节。 
Audio添加效果,如失真和音高变化的音频源,并控制音频如何在您的效果播放。
Face Landmarks准确捕捉脸部部位的位置,比如眼睛和鼻子。
Interaction检测使用你效果的人的手势,并使某事发生作为结果。
Logic定义某些效果发生所需的条件,例如当用户以某种方式与设备交互时触发动画播放。对输入贴片的操作。
Math对输入的贴片执行数学运算。
Shaders - visual shaders改变材质的外观。
Shaders - signed distance fields (SDFs)创建程序纹理,如形状和模式。
Time跟踪一个效果运行的秒数。
User Interface添加 UI 函数到效果。
Utility广泛的贴片,从面部跟踪器到随机数生成器。