Повтор анимации

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

Повтор анимации для отдельного элемента

  1. На временной шкале нажмите кнопку Задать повтор анимации на слое анимации, который хотите повторять.
  2. Во всплывающем меню выберите значение:
    • Бесконечно – анимация будет повторяться бесконечно;
    • ___ раз(а) – анимация будет повторяться указанное количество раз;
    • Нет – анимация не будет повторяться.

Повторяющиеся ключевые кадры отображаются на временной шкале как полупрозрачные копии. В примере ниже анимация элемента red-div длится 0,5 секунды и повторяется 4 раза.

Чтобы просмотреть анимацию в рабочей области, на временной шкале нажмите кнопку Запустить .

Повтор анимации для нескольких элементов

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

  1. Установите на временной шкале ярлык в месте, с которого будет начинаться повтор анимации.
    1. Нажмите правой кнопкой мыши на дорожке События (первая строка временной шкалы) в том месте, с которого будет начинаться повтор анимации, и во всплывающем меню выберите пункт Добавить ярлык.
    2. В появившемся диалоговом окне введите название ярлыка, например loopStart.
    3. Нажмите клавишу Ввод.
  2. Нажмите правой кнопкой мыши на дорожке События в месте, где будет заканчиваться повтор анимации, и во всплывающем меню выберите пункт Добавить событие.
  3. Чтобы настроить событие, дважды нажмите на маркер .
    1. В разделе Действие выберите:
      • Временная шкала > gotoAndPlay, чтобы бесконечно повторять анимацию;
      • Временная шкала > gotoAndPlayNTimes, чтобы задать количество повторений.
    2. В разделе Получатель выберите страницу.
    3. В разделе Конфигурация выберите созданный ранее ярлык (например, loopStart) и укажите количество повторов анимации.

Нажмите кнопку Предварительный просмотр , чтобы проверить, как повтор анимации будет работать в браузере.

Эта информация оказалась полезной?
Как можно улучшить эту статью?