Zapętlanie animacji

Zapętlenie animacji powoduje jej powtarzanie. Służy do tego tryb zaawansowany. Możesz zapętlić każdy element osobno albo – w bardziej złożonej animacji – wiele elementów razem.

Zapętlanie jednego elementu animacji

1. Na osi czasu kliknij przycisk Ustaw powtórzenie animacji  w warstwie animacji, którą chcesz zapętlić.
2. Z wyskakującego menu wybierz opcję:
   • W nieskończoność – animacja będzie powtarzana w nieskończoność.
   • ___ razy – animacja zostanie zapętlona i odtworzona łącznie określoną liczbę razy.
   • Brak – animacja nie będzie zapętlona.

Zapętlone klatki kluczowe widnieją na osi czasu jako półprzezroczyste kopie. W poniższym przykładzie element red-div ma trwającą 0,5 sekundy animację zapętloną tak, by powtarzała się łącznie cztery razy.

Możesz zobaczyć podgląd zapętlonej animacji na scenie, klikając Odtwórz na osi czasu.

Zapętlanie wielu elementów animacji

Możesz dodać zdarzenie, by zapętlić całą animację na scenie, wskazując miejsce, w którym pętla ma się rozpocząć i skończyć.

1. Dodaj na osi czasu etykietę w miejscu, w którym ma się zaczynać pętla animacji:
   1. Kliknij prawym przyciskiem myszy miejsce na ścieżce zdarzeń (pierwszy wiersz na osi czasu), w którym chcesz rozpocząć pętlę animacji, i z menu wybierz Dodaj etykietę....
   2. W wyskakującym okienku wpisz nazwę etykiety, np. loopStart (początek pętli).
   3. Naciśnij Enter.
2. Kliknij prawym przyciskiem myszy miejsce na ścieżce zdarzeń, w którym chcesz zakończyć pętlę animacji, i z menu wybierz Dodaj zdarzenie.
   
3. Kliknij dwukrotnie znacznik zdarzenia , aby skonfigurować zdarzenie:
   1. Jako Działanie wybierz:
      • Oś czasu > gotoAndPlay, aby ustawić zapętlanie w nieskończoność.
      • Oś czasu > gotoAndPlayNTimes, aby ustawić konkretną liczbę pętli.
   2. Jako Odbiornik wybierz stronę.
   3. Jako Konfigurację wybierz utworzoną wcześniej etykietę (np. loopStart) i ustaw liczbę powtórzeń.

Użyj przycisku Podgląd , by zobaczyć, jak zapętlona animacja zachowuje się w przeglądarce.