Fullscreen clickable stage

[jcdiprose]

I wanted to make the stage fill the browser window, it to have no elements added, and for it to be clickable.

 

I was having trouble doing so, so to hack a way to do it I implemented this and the stage was then clickable.

        this.bgCover = new PIXI.Sprite.fromImage('img/bgCover.png');        this.bgCover.interactive = true;        this.bgCover.anchor.set(0.5,0.5);        this.bgCover.x = this.width/2;        this.bgCover.y = this.height/2;        this.bgCover.width = this.width;        this.bgCover.height = this.height;        this.stage.addChild(this.bgCover);

bgCover is a 1px,1px transparent png.

 

I am sure there is a way to do this without my hack. Can anyone enlighten me?

 

Cheers,

Jon

[xerver]

Just setting the width/height should do it, why do you also need to position it centered? It defaults to 0,0 with a 0,0 anchor.

 

The interaction manager needs to handle viewport-level events more cleanly than it does now. It is on my list of interaction manager improvements.
 

https://github.com/GoodBoyDigital/pixi.js/issues/1825