Spark AR —— 块(Block)的入门【贴片】(一)

1,174 阅读4分钟

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

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

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

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

使用块(Block),你可以在 Spark AR Studio 中保存和导出项目的部分,以便在其他项目中重用,并与其他创建者共享

你可以为大多数你经常需要重复或重用的东西创建一个块。对象、资产、贴片、材质和纹理设置的组合都是支持的。

按照这一步一步的教程,创建一个块,添加雪的效果。

创建块

你可以创建一个空的块,或者将你已经添加到场景面板中的对象合并到一个块中。

创建一个空块

创建一个空块:

  1. 在资产面板中单击Add Asset
  2. 选择Block

image.png

该区块将在资产面板中列出。当它被选中时,你可以重命名它,如果你想的话:

image.png

从场景面板中的对象创建一个块

当你使用场景面板中的对象创建一个块时,任何相关的资产和贴片都会被添加到块中。

在以这种方式创建块之前,确保你想要添加的对象是:

  • 场景面板中同一个父对象的子对象。
  • 在同一层 —— 这包括父对象的任何子对象。
  • 支持的对象或功能

从场景面板中的对象创建一个块:

  1. 在场景面板中,选择所有你想要添加到方块中的对象。
  2. 右键单击,选择Create Block:

image.png

编辑块

将场景对象和其他元素添加到块中:

  1. 在资产面板中选择块。
  2. 在检查器中单击Edit

这将在一个新窗口中打开块,在那里你可以对它进行更改:

67819398_2343910512388991_6012439084612452352_n.gif

在这里,块将作为Block Root在场景面板中列出。只需将想要包含在块中的对象和资源作为Block Root的子块添加。

当您保存一个块时,它将自动更新所有使用该块的项目。你会在 Spark AR Studio 中看到这条消息来提醒你:

image.png

将块添加到你的项目中

将块添加到场景的最快方法是从资产面板中点击并拖动到场景面板中。另外:

  1. 在资产面板中选择块。
  2. 右键单击,并选择 Instantiate

该块将在场景面板和资产面板中列出:

  • 资产面板中块的版本是主块;
  • 场景面板中的块是主块的一个实例。

下面,我们给场景面板添加了一个块。我们已经用它来创建一个粒子系统的效果,看起来像雪:

image.png

在场景面板中,SnowBlock 的实例。你可以使用检查面板中的 Inputs 下的选项来定制块在效果中的行为。在资产面板中,Snow 是主块。

您可以多次实例化同一个块。

创建输入和输出

输入和输出将信息在块和块之间传递,据此传递到项目中。您将使用它们为块的属性设置默认值,从而允许您自定义块。

支持输入和输出的数据类型

支持以下数据类型:

  • Pulse
  • Boolean
  • Scalar
  • Vector2, Vector3 and Vector4
  • Color
  • String

要创建输入或输出,请确保块是打开的,在资产面板中右键单击框并选择 Edit 。然后:

  1. 在场景面板中选择块-它将被列为Block Root
  2. 在检查器中,单击Block Properties:

image.png

添加:

  • 输入,单击Inputs旁边的 +
  • 输出,单击Outputs旁边的 +

或者,您可以在贴片编辑器中使用贴片创建输入和输出端口。要做到这一点:

点击(你作为块一部分添加的任何贴片中的)任何输入或输出端口。 单击Create Input to BlockCreate Output for Block:

image.png

编辑输入和输出

你会看到一个选项列表,你可以通过编辑来配置输入或输出,这取决于你选择的数据类型:

  • Type —— 这是设置数据类型的地方。
  • Input Limit —— 使用此选项为数值和向量类型添加最小值和最大值。对于向量类型,它会应用到每个单独的轴上。
  • Input Style —— 使用此选项来控制在检查器中如何更改输入。在 文本 或 滑块 之间选择。
  • Default Value —— 设置一个默认值。

重排列输入和输出

要重新排列输入和输出,只需在属性窗口中单击并拖动它们。例如,您可以将 blockInput0 放在 blockInput1 下面。

image.png