p5.js проблема с png альфа в режиме webgl

Question

Я заметил проблему в p5.js при рендеринге изображений png с программным альфа в режиме WEBGL.Я рендеринг 10 изображений, которые должны быть "ореолы", сделанные в фотошопе все белое с маской размытой точки, экспортированные как 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);

НО я потерял прозрачность холста, что было бы весьма полезно для этого проекта.