I want to apply mask effect into movie clip.
I made a movie clip that was divided 3 areas.
parent movie clip name is "box"
1 area name(Child box) = "m0" as MovieClip
2 area name(Child box) = "m1" as MovieClip
3 area name(Child box) = "m2" as MovieClip
I've converted image file to movie clip named "pic.."
1 photo file(Located at Stage) = "pic0" as MovieClip
2 photo file(Located at Stage) = "pic1" as MovieClip
3 photo file(Located at Stage) = "pic2" as MovieClip
I'd like to apply masking effect dynamically.
I have no idea of this, Can you give an advice a little bit?
var btn:MovieClip = this["btn"] as MovieClip;
btn.addEventListener(MouseEvent.CLICK, goon);
function goon(Event:MouseEvent):void{
var pic0:MovieClip = this["pic0"] as MovieClip;
var pic1:MovieClip = this["pic1"] as MovieClip;
var pic2:MovieClip = this["pic2"] as MovieClip;
var box:MovieClip = this["box"] as MovieClip;
trace(box.m0.x + " , " + box.m0.y);
//box.addChild(mc0);
box["m0"].mask = box["m0"];
box["m0"].addChild(pic0);
pic0.x = 0;
pic0.y = 0;
}
However it's not working at all. And I'm wondering do I need add child methods in my code? What should i do?