Graphics with blend mode

[Rodrigo]

Hello,

Just a quick question. I'm trying to apply blend mode to some graphics in WebGL with no or unwanted results. Here is the setup:

const graphics = new PIXI.Graphics();
graphics.beginFill(0x000000, 1);
graphics.drawRoundedRect(150, 260, 300, 100, 15);
graphics.endFill();
graphics.blendMode = PIXI.BLEND_MODES.SCREEN;
// add graphic
app.stage.addChild(graphics);

Using either SCREEN or ADD, the graphic disappears and using MULTIPLY looks just like normal.

I assume that this has to do with how graphics works, but I'd like to know if there is a way around this.

Best,
Rodrigo.

 

EDIT:

Sorry I forgot to add the live sample link:

https://codepen.io/rhernando/pen/bb9b55d5e813a9199f0e0e942cbc410c?editors=0010

[ivan.popelyshev]

Everything is right. ADD or SCREEN with black color is original color