使用OGL Flowmap效果为该WebGL设置透明背景吗？

Question

我正在尝试从OGL examples创建Flowmap效果，但要使用部分透明的PNG图像。我已经为这个问题苦苦挣扎了好几个小时，我什至不知道流程图效果或其他任何原因是否是纹理的问题。如何将背景设置为透明而不是黑色？

渲染的画布外观

webView = WKWebView(frame: self.view.frame)
webView.translatesAutoresizingMaskIntoConstraints = false
webView.isUserInteractionEnabled = true
webView.navigationDelegate = self

我应该在哪里寻找答案？这是OGL内部的东西吗？

Answer 1

您需要进行两项更改。

1. 在程序声明中，您需要添加transparent: true
2. 在片段着色器中，将输出更改为gl_FragColor = texture2D(texture, uv);

第一个更改将混合类型更改为使用Alpha-默认情况下，WebGL混合禁用。

第二个使用纹理的Alpha通道。在原始示例中，仅使用rgb（红色，绿色，蓝色）通道。