Rodrigo

Graphics with blend mode

Recommended Posts

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.