如何在 Spark AR 中使用 Slider UI 更改 PNG 文件不透明部分的颜色

Question

在 Spark AR Studio 中，我将纹理设置为一个矩形，这是一个带有一些文本的透明 PNG。我已将此纹理应用于矩形并将其放入场景中。我在这里尝试实现的是使用本机 Slider UI 元素来更改此 PNG 的非透明部分，这显然是“Hello World”。

我能找到的最好的相关文章来自他们自己的文档：Adding a Color Filter，它执行以下步骤：

1. 在补丁编辑器中导入纹理
2. 将 RGB 输出中的管道转换为颜色空间补丁并将颜色空间转换为 HSL 模式
3. 解压 HSL 值
4. 以某种方式修改值
5. 再次打包，将颜色模式转换回 RGB 并添加 alpha 值。
6. 最后通过管道将输出（修改后的颜色值）导入作为补丁控制的材质纹理

这是我的设置不起作用，它使整个矩形变黑，而不是更改纹理的不透明部分。

关于如何解决这个问题的任何想法？我知道我还没有将滑块 UI 元素添加到我的补丁编辑器中，此时我正在使用橙色组中的值。如果可行，我会让一个滑块来控制这些值。

Answer 1

据我了解，您想使用 Slider UI 将“Hello world”更改为不同的颜色吗？

1. 通过选择箭头在补丁编辑器中设置矩形的材质纹理。
2. 将“Hello World”纹理拖放到补丁编辑器中
3. 从 AR 库中导入调整颜色着色器
4. 在您的补丁编辑器中，右键单击并搜索“Slider UI”并插入（仅适用于 Instagram，因此转到工具栏上的“项目”-->“编辑缺少的属性”并取消选中“Facebook”）李>
5. 将“Hello world”纹理 RGBA 输出连接到调整颜色着色器中的纹理输入
6. 将“滑块 UI”输出连接到“调整颜色着色器”中的“色调”输入
7. 将您的调整颜色着色器输出连接到材质“漫反射纹理”

Click to see how your patch editor should look like

也许这只是您的偏好，但我会将“Hello World”更改为黑白，以便在更改颜色时使其更明显（我使用 Photoshop 去饱和，但任何可以工作的编辑器都可以）