Problem with Web GL Blending

Hi guys have anyone face this issue? I created a simple test, sandwiching an alpha white between white background and a texture with gradient from a colour to 0 opacity.

On web canvas mode it looks fine like this:

But on web gl:

Here’s my test project:

webGLRenderBug.zip (460.2 KB)

1 Like

help anyone?

Hi @jake72,

in the editor I see the vertical line that should not be visible, but the rendering works fine in both Canvas and webGL modes. I tried to change the opacity of “opacity_white” in the editor and it behaves really strange. When the opacity is close to 128, it is clearly visible, and disappears close to 0 and 255. As far as I know that rectangle should not affect the gradient at all if it is “behind” the gradient. I don’t know what’s wrong…

I tested it with 1.5.1.

Best regards,
Zsolt

Hi @PZsolt27,

Thanks for confirming the issue. Indeed its a strange behaviour of the renderer, hope cocos dev can respond to this.

Just to update the thread here:

Thanks to @pandamicro there’s a fix to this.

Github:

Chinese Forum Link:

So, if I understand well, will it be fixed in 1.5.2?

yes according to @pandamicro