Transparent background

[bebensiganteng]

Hi,

is there a way to have a transparent background?

thanks!

[GoodBoyDigital]

Ah yes! That would be quite handy, pixi.js is not set up for transparent backgrounds just yet, but will be super easy to change that :)
Added to my todo list..

[bebensiganteng]

thanks for the reply, can you give me a hint please, maybe i could help ;)

[GoodBoyDigital]

You are more than welcome too help 👍

Here's a starting point for ya :)

The background color is set here (line 78) in the canvas render:

if(this.view.style.backgroundColor!=stage.backgroundColorString)this.view.style.backgroundColor = stage.backgroundColorString;

and here (line 189) in the webGLRender:

gl.clearColor(stage.backgroundColorSplit[0], stage.backgroundColorSplit[1], stage.backgroundColorSplit[2], 1.0);

[GoodBoyDigital]

better late than never! background transparency is now implemented..

var renderer = PIXI.autoDetectRenderer(400, 300, null, *true*);

[thenayr]

@GoodBoyDigital This is great! I was literally just looking to implement this. Thanks!

[bebensiganteng]

wow! ... was reserving my weekends to do this but thanks!!

[bradparks]

and... for those new to pixi.js... wow! sweet!

[zur4ik]

I put

var renderer = PIXI.autoDetectRenderer(400, 300, null, true);

but my canvas is black anyway. Any ideas?

[englercj]

@zur4ik if you are using v3,that is not the proper param for autoDetectRenderer. Check out the v3 docs:

http://pixijs.github.io/docs/PIXI.html#.autoDetectRenderer

[courtneyvigo]

@zur4ik - I was having the same problem. For anyone else:

var renderer = PIXI.autoDetectRenderer(256, 256, {antialias: false, transparent: true, resolution: 1});

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.