Sprite MouseOver

[Edwin Toh]

When rolling over a sprite that has transparency, the mouse actually tracks the transparent bits of the png as well, is there a way to track only the opaque pixels?

[Batiste Bieler]

What do you mean by "tracking" the transparent bits?

[Edwin Toh]

Like if a PNG is a star, the PNG is a square right? When I add a mouseover event listener to it, the mouseover triggers over the entire PNG (which is a square). However I only want it to trigger when I rollover the start itself, and not the transparent bits.

[Batiste Bieler]

I added a small function that demonstrate how to do this:

58a12c1

Here is the test file:

https://github.com/batiste/sprite.js/blob/master/tests/test_image_alpha_collision.html

Cheers

[Edwin Toh]

Thanks! It works perfectly!

[Edwin Toh]

Just realised that if I have a sprite sheet it detects the hidden frames as well.