# Mask Animation Problem

**URL:** https://forum.kirupa.com/t/mask-animation-problem/308703
**Category:** flash
**Created:** [April 28, 2010, 2:04pm UTC](https://forum.kirupa.com/t/mask-animation-problem/308703 "2010-04-28T14:04:27Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![LS05](https://avatars.discourse-cdn.com/v4/letter/l/e19b73/32.png) [@LS05](https://forum.kirupa.com/u/LS05)
#### Post date: [April 28, 2010, 2:04pm UTC](https://forum.kirupa.com/t/mask-animation-problem/308703/1 "2010-04-28T14:04:27Z")

</div>

Hi guys,  
I’m trying to add a mask animation on a movieclip that i have in the library. The problem is that my code add the image to the movieclip that i have created to contain the image but his mask doesn’t animate.  
So i have:

- the mask layer  
– a layer for the image
- a layer for the movielip background  
in this order. With greensock i add a scale animation to the mask layer on the mouseover event but it doesn’t animate.

This is the code. I’ve also attached the original files…  
Please guys help me!!! 😉

```auto

import com.greensock.*;
import com.greensock.easing.*;
var columns:Number;
var my_x:Number;
var my_y:Number;
var my_thumb_width:Number;
var my_thumb_height:Number;
var my_images:XMLList;
var my_total:Number;
var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load(new URLRequest("press_room.xml"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);
var container_mc:MovieClip;
var x_counter:Number = 0;
var y_counter:Number = 0;
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
var MainMovie:thumbnailholder = new thumbnailholder();
mainCont.x = (stage.stageWidth / 2) - 200;
mainCont.y = stage.stageHeight / 2;

function processXML (e:Event):void{
    var myXML:XML = new XML(e.target.data);
    columns = myXML.@COLONNE;
    my_x = myXML.@XPOSITION;
    my_y = myXML.@YPOSITION;
    my_thumb_width = myXML.@WIDTH;
    my_thumb_height = myXML.@HEIGHT;
    my_images = myXML.IMAGE;
    my_total = my_images.length();
    
    testMovieClip();
}

function testMovieClip():void{
    for (var i:Number = 0; i < my_total; i++){
        var thumb_url = my_images*.@ANTEPRIME;
        var thumb_loader = new Loader();
        thumb_loader.load(new URLRequest(thumb_url));
        MainMovie = new thumbnailholder();
        MainMovie.x = (MainMovie.width + 70)*x_counter;
        MainMovie.y = (MainMovie.height + 70)*y_counter;
        if (x_counter+1 < columns){
            x_counter++;
        } else {
            x_counter = 0;
            y_counter++;
        }
        mainCont.addChild(MainMovie);
        MainMovie.imgMain.addChild(thumb_loader);
        MainMovie.contImg.addEventListener(MouseEvent.MOUSE_OVER, msov);
        MainMovie.contImg.addEventListener(MouseEvent.MOUSE_OUT, msot);
    }
}

function msov(e:MouseEvent)
{
    TweenMax.to(e.target, 1, {scaleX:1.2, scaleY:1.2, ease:Elastic.easeOut});
}
function msot(e:MouseEvent)
{
    TweenMax.to(e.target, 1, {scaleX:1, scaleY:1, ease:Elastic.easeOut});
}

```

EDIT:  
The mask layer is: contImg  
The image layer is: imgMain