Hi,
I am in the process of making my portfolio site but am having some trouble animating masks which mask each thumbnail…I can’t target individual masks in my script, only one mask. I think the solution will be pretty simple but I don’t have the skillz to do it!! Can anyone help?
Here is my thumbloaded function:
var my_thumb:Loader = Loader(e.target.loader);
sprite = new MovieClip();
var shape:Shape = new Shape();
var dropShadow:DropShadowFilter = new DropShadowFilter();
mask_mc = new Mask();
mask_mc.x = e.target.loader.x+115;
mask_mc.y = e.target.loader.y+75;
my_thumb.mouseEnabled=false;
// shape.graphics.lineStyle(1, 0xffffff);
shape.graphics.beginFill(0xffffff);
shape.graphics.drawRect(e.target.loader.x, e.target.loader.y, e.target.loader.width, e.target.loader.height);
shape.graphics.endFill();
dropShadow.color = 0x111111;
dropShadow.blurX = 5;
dropShadow.blurY = 5;
dropShadow.angle = 0;
dropShadow.alpha = 0.9;
dropShadow.distance = 0;
shape.filters = [dropShadow];
sprite.addChild(shape);
sprite.addChild(my_thumb);
sprite.addChild(mask_mc);
my_thumb.mask = mask_mc;
TweenMax.to(my_thumb, 0, {colorMatrixFilter:{colorize:0xdddddd, amount:1}});
container_mc.addChild(sprite);
my_tweens[Number(my_thumb.name)]=new Tween(sprite, "alpha", Regular.easeInOut, 0.5,1,0.5, true);
my_thumb.contentLoaderInfo.removeEventListener(Event.COMPLETE, thumbLoaded);
}
and my onOver function for the thumbnail over:
function onOver(e:MouseEvent):void {
var my_thumb:Sprite= Sprite(e.target);
TweenMax.to(my_thumb.getChildAt(1), 1, {colorMatrixFilter:{amount:1}});
[COLOR="Red"]TweenLite.to(mask_mc, 0.3, {width:190, height:110,ease:Circ.easeOut});[/COLOR]
}
I am so close to getting where I want so I will be really grateful for help.
Thanks
J_Mo