Why isn't work while click on stage?

[Wesley W]

Hi,

This is my codepen : http://codepen.io/WW/pen/LGzpVv

what i wanna do is trying click on stage and get the mouse position value,

but, there's nothing happens while clickiing on stage.

the official example looks working great : http://pixijs.github.io/examples/index.html?s=demos&f=graphics-demo.js&title=Graphics

but mine isn't.

so, anyone any idea?

thanks for help. 

 

PS : i guess the problem might because the stage width & height isn't fit to the renderer. just guess, still trying....

[bubamara]

It isn't working, because you have empty container. In this case you need to set hitArea for it :
 

stage = new PIXI.Container();
stage.interactive = true;
stage.hitArea = new PIXI.Rectangle(0, 0, w, h);

and adjust it in on_resize()

stage.hitArea.width = w;
stage.hitArea.height = h;

 

[Wesley W]

wow, it works.

thanks for great help. 

[Exca]

You have nothing on the stage so nothing gets clicked. Add something and the click events are triggered. Also setting the stage width & height will scale the stage based on the width and height of stage. For example if you have a child in stage that is 100x100 px then setting the width and height of stage would be same as saying: stage.scale.x = w/100; stage.scale.y = h/100;

[Wesley W]

ok, thanks for ur kind reminder.