Анимацию можно настроить так, чтобы она повторялась. Эти параметры доступны в расширенном режиме. Можно повторять анимацию отдельного элемента или более сложную анимацию нескольких элементов.
Повтор анимации для отдельного элемента
- На временной шкале нажмите кнопку Задать повтор анимации на слое анимации, который хотите повторять.
- Во всплывающем меню выберите значение:
- Бесконечно – анимация будет повторяться бесконечно;
- ___ раз(а) – анимация будет повторяться указанное количество раз;
- Нет – анимация не будет повторяться.
Повторяющиеся ключевые кадры отображаются на временной шкале как полупрозрачные копии. В примере ниже анимация элемента red-div длится 0,5 секунды и повторяется 4 раза.
Чтобы просмотреть анимацию в рабочей области, на временной шкале нажмите кнопку Запустить .
Повтор анимации для нескольких элементов
Чтобы повторять всю анимацию в рабочей области, нужно добавить событие, указав для него время начала и окончания.
- Установите на временной шкале ярлык в месте, с которого будет начинаться повтор анимации.
- Нажмите правой кнопкой мыши на дорожке События (первая строка временной шкалы) в том месте, с которого будет начинаться повтор анимации, и во всплывающем меню выберите пункт Добавить ярлык.
- В появившемся диалоговом окне введите название ярлыка, например
loopStart
. - Нажмите клавишу Ввод.
- Нажмите правой кнопкой мыши на дорожке События в месте, где будет заканчиваться повтор анимации, и во всплывающем меню выберите пункт Добавить событие.
- Чтобы настроить событие, дважды нажмите на маркер .
- В разделе Действие выберите:
- Временная шкала > gotoAndPlay, чтобы бесконечно повторять анимацию;
- Временная шкала > gotoAndPlayNTimes, чтобы задать количество повторений.
- В разделе Получатель выберите страницу.
- В разделе Конфигурация выберите созданный ранее ярлык (например,
loopStart
) и укажите количество повторов анимации.
- В разделе Действие выберите:
Нажмите кнопку Предварительный просмотр , чтобы проверить, как повтор анимации будет работать в браузере.