PIXI v3: Game background color for Game?

[datvm]

Now that we no longer use Stage, is there a quick way to set the game background color other than drawing a `Graphics`?

[datvm]

Sorry, please nevermind, just went full retard.

 

Anyway, here is the code in case anyone meet this in the future:

renderer.backgroundColor = 0xFFFFFF;

[d13]

renderer.backgroundColor = 0xFFFFFF;

There doesn't seem to be a `backgroundColor` property on the Canvas or WebGL renderer object. 

(There is a private `_backgroundColor` property but setting it doesn't seem to do anything.)

[d13]

There doesn't seem to be a `backgroundColor` property on the Canvas or WebGL renderer object. 

(There is a private `_backgroundColor` property but setting it doesn't seem to do anything.)

... If anyone else is having this problem, here's the solution:

 

https://github.com/GoodBoyDigital/pixi.js/issues/1777#issuecomment-101028129

[xerver]

There doesn't seem to be a `backgroundColor` property on the Canvas or WebGL renderer object. 

(There is a private `_backgroundColor` property but setting it doesn't seem to do anything.)

 

There definitely is!

 

https://github.com/GoodBoyDigital/pixi.js/blob/master/src/core/renderers/SystemRenderer.js#L166-L186

[aeauseth]

I stumbled into this problem as well.  Turns out I had set my renderer options to transparent = true.  Setting transparent=false and the backgroundColor property works just fine.

[caymanbruce]

I was about to ask how to make the background color look like a mixed of colors, such as gradient color or some kind of background color like that of Circle Push Game. Then I fiddled with my code and I found if I set the renderer's backgroundColor to any color  I can now use a gradient color in the background, weird.

I am still curious how to make the background like that of Circle Push Game though. Hope someone can shed some light for me.