Determine objects at pixel coordinates

[mtycholaz]

So this is a long shot, but I wanted to ask anyway.

 

When a user moves the mouse cursor in the browser, the "mousemove" event.

 

What I would like to do is pick a random x,y coordinate and determine what objects are "on/within" the given coordinate.

 

Not sure if webgl has some tricks up it's sleeve to do this, or maybe I could create a mousemove event in javascript for a given coordinate, fire the event and see what bubbles.

 

Looking for ideas.

 

What I'm trying to shortcut is looping through world entities to find any close to the given coordinates.

 

Thoughts?

[mattdesl]

Take a look at the mouseDown method in interaction manager (dev branch, as it's changed). It just loops through display objects and hit-tests them (in reverse due to the way they get painted). Your method could use the same hitTest.

There isn't really any fancier "trick".

[mattdesl]

P.s. Pixi supports mousemove and touch move events, so you may be able to just listen to those.

[mtycholaz]

Take a look at the mouseDown method in interaction manager (dev branch, as it's changed). It just loops through display objects and hit-tests them (in reverse due to the way they get painted). Your method could use the same hitTest.

There isn't really any fancier "trick".

 

This was going to be my fallback, but I wanted to see if there was a different solution.

[xerver]

We don't use any kind of spatial partitioning in pixi.js, so there isn't any faster way besides brute forcing it. When the interaction manager rewrite comes around, maybe we will look into using something more efficient.