Динамическое добавление анимации к n MC

Question

Вот к чему я стремлюсь.Я запрашиваю API Rotten Tomatoes для будущих фильмов.Для каждого возвращенного фильма я создаю экземпляр MovieIcon (MC).Затем я добавляю этот MC как дочерний элемент контейнера MovieClip, который уже находится на сцене.Каждый раз я увеличиваю xPosition каждого MovieIcon MC таким образом, чтобы они располагались рядом друг с другом.

К моему контейнеру MC применена маска, поэтому любые дочерние объекты, расположенные за пределами маски, скрыты от глаз.

Как я могу динамически добавить анимацию анимации / замедления между всеми этими MovieIcon MC, чтобы при наведении курсора на Container MC он «прокручивался» влево или вправо, в зависимости от движения мыши?

Заранее спасибо.

Answer 1

Сначала я бы порекомендовал использовать библиотеку анимации.TweenLite и Tweener - хорошие варианты

http://www.greensock.com/tweenlite/ http://code.google.com/p/tweener/

Оба этих документа включают в себя документы, которые помогут вам настроить все в вашем проекте.

Затем вы сможете добавить событие ROLL_OVER к каждому из ваших MovieIcon MC

MovieIcon.addEventListener(MouseEvent.ROLL_OVER, handleRollOver);

Внутри вашего обработчика вы можете использовать свойство event.target, чтобы получить дескриптор над MovieIcon.,Предполагая, что вы используете TweenLite, вы можете пойти и добавить свою анимацию к этой цели

private function handleRollOver(e:MouseEvent):void{
     TweenLite.to(e.target, duration, {x: new x value, any other prop: any other val})
}