Graphics with blend mode

Recommended Posts


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.blendMode = PIXI.BLEND_MODES.SCREEN;
// add graphic

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.




Sorry I forgot to add the live sample link:

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.