Jump to content

Blend modes inside a canvas (wich is inside a java webView)


Recommended Posts

Hey, im using PixiJS 4 in a plattform that uses a java WebView on some plattfroms to display the Game.

It all seeems to work fine ,i allready made some small games and they are all working well.

But when i try to use the blend Mode "ADD" for some effects, then the rendering is broken anyhow, i made some images of the cases:



Anyone ever had this problem? anyone knows a solution?

Link to comment
Share on other sites

hi, thanks for you effort

i testet it with this little modified w3schools sample:


without the lighter blend the image is blue, with the ligther its than purple (red+blue)

and this variant is working in the java view thingy (its purple there)


<!DOCTYPE html>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
	Your browser does not support the HTML5 canvas tag.</canvas>

	var c = document.getElementById("myCanvas");
	var ctx = c.getContext("2d");
	ctx.globalCompositeOperation = 'lighter';
	// Create gradient
	var grd = ctx.createRadialGradient(75,50,5,90,60,100);

	var grd2 = ctx.createRadialGradient(75,50,5,90,60,100);

	// Fill with gradient
	ctx.fillStyle = grd;
	ctx.fillStyle = grd2;



Link to comment
Share on other sites

6 hours ago, ivan.popelyshev said:

Its strange. That's the only thing that is changed when you switch to ADD blendMode. Is there any kind of console?

What if you add that thing after you create a renderer?

renderer.blendModes[1] = 'lighter';


i just tried that, but changed nothing :(

yes i can hack some console style stuff into it, the value of renderer.blendModes[1] was "lighter" from begin

Link to comment
Share on other sites

  • 2 weeks later...
  • 1 month later...
  • 1 year later...

Do you still need it? wow. Yeah, i have so many serious issues for v4, for next v5, and webgl, i cant focus on canvas. You can wait one more year when I have free time to setup Java environment like yours (or half-yeah, i already got intellij idea ultimate). Or you can provide more information to my telepathic abilities adn there's a chance i get you one-liner answer.

Or you can just take pixi sources and fix them, if its ok , make PR :)

More info, zip-file with environment and stuff => more chances that I can help you. And I think I'm the only one here with java background.

Link to comment
Share on other sites

  • 2 years later...

Hello, if anyone like me finds this topic in search of answer to very same question, here are some links for you:




This issue wasn't created by me but reflects my experience with Canvas + WebView -- none of blend modes works.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...