webgl模式下png alpha的p5.js问题

Question

在WEBGL模式下使用软alpha渲染png图像时，我注意到p5.js中存在问题。 我正在渲染10张本应为“光晕”的图像，这些图像在photoshop中全部制成白色，带有模糊点遮罩，并导出为PNG24。

在画布模式下，此方法可以正常工作，并且图像按预期重叠。 但是在WEBGL模式下，图像周围出现暗淡的光晕

有什么想法吗？

Answer 1

我发现它与WebGL中的透明性已知问题以及P5.js对其进行管理的方式有关：

https://webglfundamentals.org/webgl/lessons/webgl-and-alpha.html

就我而言，我设法通过以下方式使其起作用：

//renderer is a p5.js renderer
var gl = renderer.GL; 
// Turn off rendering to alpha
gl.colorMask(true, true, true, false);

但是我失去了画布的透明度，这对于该项目将非常有用。