Loadermax transparent png bg click-through?

[Jonah 2 Likes (Newbie)]

If I use LoaderMax to load pngs with transparent backgrounds and add mouse event listeners to the pngs, will the listeners respond when the mouse is over the transparent portion of the png? If so, is there a way to change this so that the mouse events only dispatch when hovering over opaque portions of the png? Thank you

[Carl 9,066 Likes (Superhero)]

If I use LoaderMax to load pngs with transparent backgrounds and add mouse event listeners to the pngs, will the listeners respond when the mouse is over the transparent portion of the png?

 

yes

 

is there a way to change this so that the mouse events only dispatch when hovering over opaque portions of the png?

 

yes there are a number of ways to do this. If you google "actionscript mouse events transparent png" you will find a lot of discussions on the topic.

 

I've found Moses G's InteractivePNG class pretty easy to implement: http://blog.mosessupposes.com/?p=40

 

Below is an example of how you can add the rawContent of a GreenSock ImageLoader to an InteractivePNG instance:

 

import com.greensock.*;
import com.greensock.loading.*;
import com.greensock.events.*;
import com.mosesSupposes.bitmap.InteractivePNG;
var image:ImageLoader = new ImageLoader("diamond.png", {onComplete:completeHandler});
var iPNG:InteractivePNG = new InteractivePNG();

addChild(iPNG);

image.load();

function completeHandler(e:LoaderEvent){
trace("loaded");

//place the loaded png into the InteractivePNG clip
iPNG.addChild(e.target.rawContent);
//update the InteractivePNG's hitArea
iPNG.drawBitmapHitArea();
//add you CLICK handler
iPNG.addEventListener(MouseEvent.CLICK, clickHandler);

iPNG.buttonMode = true;

}
function clickHandler(e:MouseEvent):void{
trace("clicked");
}

 

cs4 files attached

 

I have included the InteractivePNG class for your convenience, but I suggest you download the docs and view the interactive demo to understand it better here: http://www.mosessupposes.com/utilities/

load_transparent_interactive_png_CS4.zip

[Jonah 2 Likes (Newbie)]

Carl,

 

Thanks for the quick response, your example was very helpful and straight-forward. I've already implemented it. Thank you!

[Carl 9,066 Likes (Superhero)]

you're welcome. I actually learned something from this myself:)