Mouse events - Stage.getMousePosition()

[ranom]

Trying to accomplish a very simple thing - get the x and y values of the current mouse coordinate.

 

I found this method defined here http://www.goodboydigital.com/pixijs/docs/classes/Stage.html#method_getMousePosition

However javascript console says: Uncaught TypeError: stage.getMousePosition is not a function

Using the latest pixi build (as of 14.5.2015). Are the docs outdated or am i doing something wrong?

 

[xerver]

Yes, you are looking at v2 documentation and using v3 of the library

 

If you need the current mouse position you can get it from the interaction manager:

var mousePosition = renderer.interaction.mouse.global;

[ranom]

thanks!

[ranom]

console.log(renderer.interaction)   

undefined

 

I'm lost. Does a webpage for v3 docs exist? Perhaps i should try v2... 

[xerver]

Docs: http://pixijs.github.io/docs/

 

Can you show me an example of running code that doesn't have the "renderer.interaction" property? Because it definitely exists...

[xerver]

God I'm so stupid, it is "renderer.plugins.interaction" not "renderer.interaction" so sorry about that!!

[xdiepx]

God I'm so stupid, it is "renderer.plugins.interaction" not "renderer.interaction" so sorry about that!!

 

if you was to make a drag or drop function, which one are u mostly likely to use?

function onMove (e){     var mouseData = renderer.plugins.interaction.mouse.global;}

or

function onMove (e){      var mouseData = e.data.getLocalPosition(stageContainer);}

[xerver]

For drag specifically I don't think it matters because all that matters is the delta between the moves, not what the point is when you check. Whichever feels best to you is probably good, getLocalPosition does involve some matrix calculations so *maybe* you want to avoid that if you don't *need* to know the exact local position?

[xdiepx]

cool, thanks for the advice

[topherlicious]

Hello, this method no longer works in version 7 since replacing InteractionManager with EventSystem. I haven't been able to find a new method for determining mouse position, is there a new method documented somewhere? I see that `rootPointerEvent` exists on `app.renderer.events` but it is not exposed, is there a standard way of accessing that? In TypeScript I can use...

(app.renderer.events as any).rootPointerEvent.global

...for now which works, but I thought I'd ask if there's a better way to do this.

[Czeers]

On 12/30/2022 at 7:05 PM, topherlicious said:

Hello, this method no longer works in version 7 since replacing InteractionManager with EventSystem. I haven't been able to find a new method for determining mouse position, is there a new method documented somewhere? I see that `rootPointerEvent` exists on `app.renderer.events` but it is not exposed, is there a standard way of accessing that? In TypeScript I can use...

(app.renderer.events as any).rootPointerEvent.global

...for now which works, but I thought I'd ask if there's a better way to do this.

 

Hello, unfortunatelly this didn't work for me, i found the solution and then get coordinates from the event:

app.renderer.view.onmousemove = function (e:any) {
   console.log(e)
}

i am not sure if this is the way it should be handled but it works

[James Millere]

event.data.global try this, is a PIXI.Point with x/y properties that range from 0 to the size of the canvas.