Форум Flasher.ru - Последовательное выполнение анимаций TweenLite

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- ActionScript 3.0 (http://www.flasher.ru/forum/forumdisplay.php?f=83)

- - Последовательное выполнение анимаций TweenLite (http://www.flasher.ru/forum/showthread.php?t=190173)

Последовательное выполнение анимаций TweenLite

Помогите разобраться, я запутался. Мне нужна очередь, в которую можно класть разные TweenLite, чтобы они выполнялись:некоторые последовательно, некоторые одновременно (пачкой, как будо это один экземпляр TweenLite в очереди, они добавляются одномоментно). После завершения анимации эти TweenLite должны удаляться из очереди.
Т.е. это очередь она одна, глобальная. А добавление экземпляров TweenLite в неё происходит на всём протяжении работы флешки. И вот, если очередь пустая - экземпляр должен сразу запускаться. Если в очереди есть ещё элементы - должен ждать. прока они все выполнятся, а потом выполняться. Я попробовал TimelineLite append() и appendMultiple() (как раз для пачек). Но там, если одна анимация уже прошла и через какое-то время добавляешь вторую - она не запускается.

Так создавайте каждый раз новый таймлайн для пачки. инсерт - распараллеливает, аппенд добавляет в конец анимации.

Нет, мне нужна одна общая очередь. Вообще зря я про пачки написал, они уже другая история.
Сначала мне надо разобраться с одиночными элементами. Вот пример:

Код AS3:

package 

{

        import com.greensock.TimelineLite;

        import com.greensock.TweenLite;

        import flash.display.Sprite;

        import flash.events.Event;

        import flash.utils.setTimeout;

 

        /**

         * ...

         * @author Dmitry Minaev

         */

        public class Main extends Sprite 

        {

                private var _line: TimelineLite = new TimelineLite();

                private var s: Sprite = new Sprite();

                public function Main():void 

                {

                        if (stage) init();

                        else addEventListener(Event.ADDED_TO_STAGE, init);

                }

 

 

                private function init(e:Event = null):void 

                {

                        removeEventListener(Event.ADDED_TO_STAGE, init);

                        // рисуем точку, которую будем двигать по таймлайну

                        s.graphics.beginFill(0);

                        s.graphics.drawCircle(0, 0, 3);

                        s.x = 100;

                        s.y = 200;

                        addChild(s);

                        // иммитируем работу очереди

                        // первое действие происходит сразу - точка передигается правее

                        _line.append( new TweenLite(s, 1, { x: 130 } ) );

                        // второе действие происходит когда-то потом, неизвестно когда, эмулируем его задержкой

                        setTimeout(_secondMove, 3000);

                }

                // двигаем точку левее. Вот этот код не срабатывает

                private function _secondMove(): void {

                        _line.append(new TweenLite(s, 1, { x: 80 } ) );

                }

        }

}

ну play() повторно позвать надо, наверно.

Да, вроде заработало, спасибо.

Добавлено через 34 минуты
Всё равно работает неправильно.
Если задать ощутимый промежуток, например

Код AS3:

setTimeout(_secondMove, 8000);

Будет мгновенное перемещение. Это видимо как-то связано с длиной самого таймлайна. Продолжаем копать).

Если нужно просто последовательно - я бы в конвеер Потапенко загнал.
А уж если бы потребовалось, чтобы промежутки анимаций накладывались друг на друга и как-то сложнее реагировали - тогда бы уже подключал мозг или внимательнее вчитывался в доки по твину.

Нужно последовательное воспроизведение пачек. В пачке - 1 и более твинов.
Что за конвейер Потапенко? Гугл выводит только левые ссылки, можно ссылку на библиотеку?

Кстати да у эффектов есть параметр задержки и инсертить можно на определенное время.

Пробовал инсерт

Код AS3:

                        var time: Number = _line.duration > _line.currentTime ? _line.duration : _line.currentTime;

                        _line.insert( new TweenLite(s, 2, { x: 130 } ), time );

                        _line.play();

Не работает.

Цитата:

Что за конвейер Потапенко? Гугл выводит только левые ссылки, можно ссылку на библиотеку?

Ды да. Надо было сразу ссылку кинуть - из гугла оригинал исчез пару лет назад.

http://www.flasher.ru/forum/blog.php?b=528
(там внизу zip-архив)

Как-то так будет выглядеть:

Код AS3:

_conveyor = new Conveyor();

// Цепочка твинов:

_conveyor.add(tweenTo, [.5, { x: 130 }]);

_conveyor.add(tweenTo, [.5, { x: 140 }]);

_conveyor.add(tweenTo, [1.5, { x: 150 }]);

_conveyor.play();

 

private void tweenTo(duration:Number, vars:Object)

{

    _conveyor.stop();// Тормознули

    vars.onComplete = onTweenComplete;

    TweenLite.to(duration, vars);

}

private void onTweenComplete()

{

    _conveyor.play();// Пошёл следующий твин

}