在 WebGl 中进行混合的正确方法

Question

在使用 WebGL 进行混合时，我遇到了一些问题。其中之一是在打开混合时无论 alpha 值如何都呈现颜色的方式。这意味着较深的颜色总是与下面的颜色混合，即使 alpha 设置为 1.0。是的，更亮的颜色会根据 alpha 值呈现不同的颜色，所以我认为我设置着色器的方式没有问题。

我还没有机会渲染一个完整的场景，我目前只使用 WebGl 进行测试，所以我只在默认背景上绘制简单的对象。一旦我使用对象渲染屏幕的每一位，这些混合问题会被“修复”吗？还是这是 WebGL 的限制？

Answer 1

尝试像这样设置混合功能：

 gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);

这应该是默认的，至少它似乎在 Firefox 中。