Spark AR —— 块（Block）的入门【贴片】（二）本文已参与掘金创作者训练营第三期「高产更文」赛道，详情查看：

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

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

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

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

在块中使用输入输出

输入

使用输入自定义块内的贴片图:

打开块；
在场景面板中选择Block Root。
进入检查器的 Interactions。
单击Producer Patch旁边的Create:

或者，将场景块对象从场景面板中拖到贴片编辑器中。

输出

使用输出将信息从块传递到项目中。例如，块外的贴片。

在打开的块:

在场景面板中选择Block Root。在检查器中单击Output旁边的箭头。

消费者贴片将被创建:

在项目中使用输入和输出

输入

当你在场景面板中选择块时，你添加到块中的所有输入都将在检查面板的Inputs项下列出:

你可以在检查器中改变输入的值，以改变块在你的效果中表现的方式。或者，单击输入旁边的箭头，创建一个消费者贴片，可以连接到图表的其余部分:

你也可以将块从场景面板拖到贴片编辑器中。

输出

一旦你定义了块的输出，将它从场景面板拖到贴片编辑器中创建一个贴片:

脚本

在通过名称访问场景中的块之后，你可以通过使用 BlockSceneRoot 类的方法在脚本中设置输入值和获取输出值。

// Load in the scene module
 const Scene = require('Scene');
 const Diagnostics = require('Diagnostics');
 
 // Locate a block in the scene
 Scene.root.findFirst('myBlock').then(function(myBlock){
     // Set a scalar input (signals also accepted)
     myBlock.inputs.setScalar('blockInput', 5)
     .then(function() {
         // Success
     }, function(error) {
         // input named blockInput probably doesn't exist
         // or is not of scalar type, check error for details
         Diagnostics.log(error);
     });
 
     // Get a scalar output
     myBlock.outputs.getScalar('blockOutput')
     .then(function(blockOutputScalarSignal){
         // Do something with blockOutputScalarSignal
     }, function(error) {
         // output named blockOutput probably doesn't exist
         // or is not of scalar type, check error for details
         Diagnostics.log(error);
     });
 
     // Alternatively get scalar output with implicit
     // error handling - i.e. in case of error `blockOutputScalarSignal` will have value 0.   
     const blockOutputScalarSignal = myBlock.outputs.getScalarOrFallback('blockOutput', 0);
 });