在 Spark AR 中用渲染通道（Render Pass）营造焕彩辉光：深入指南

前端

2023-10-19 12:11:13

引子：渲染通道的魅力

在 Spark AR 的世界中，渲染通道是赋予创意者非凡能力的宝贵工具。它们允许你超越默认渲染管道的限制，通过定制的渲染管线生成多层渲染。这种先进的功能为你的创造力提供了无与伦比的灵活性。

在 Spark AR Studio 中探索渲染通道

在 Spark AR Studio 中，渲染通道在贴片编辑器中以贴片的形式呈现。这些贴片充当过滤器，可以在渲染过程中对图像进行修改，使你能够打造出各种令人惊叹的视觉效果。

打造发光效果：一个贴片教程

要使用渲染通道在 Spark AR 中创建发光效果，请遵循以下分步指南：

创建新贴片： 在贴片编辑器中，创建一个新的材质贴片。
添加渲染通道： 在“Pass”选项卡中，点击“添加渲染通道”。
命名通道： 将通道命名为“Glow”。
配置通道： 在“Glow”通道设置中，启用“混合”选项。将“混合模式”设置为“加法”，“混合因子”设置为 0.5。
添加材质： 在材质编辑器中，添加一个发光材质。将“发光颜色”设置为所需的辉光颜色。
连接材质： 将材质连接到“Glow”通道的“材质”输入。
应用贴片： 将贴片应用到场景中的对象上。

示例代码：创建发光贴片的脚本

以下是创建发光贴片的示例脚本：

// 创建材质
const glowMaterial = new Material();
glowMaterial.shaderName = "glow";
glowMaterial.floatProperties = {
  u_glowColor: [1, 1, 1]
};

// 创建渲染通道
const glowPass = new RenderPass();
glowPass.name = "Glow";
glowPass.mixMode = "Add";
glowPass.mixFactor = 0.5;
glowPass.material = glowMaterial;

// 应用贴片
const glowPatch = new Patch();
glowPatch.name = "Glow Patch";
glowPatch.renderPasses = [glowPass];
patch.enabled = true;
patch.priority = 0;