Prekompasy

4 min read

Prekompasy pozwalają grupować przedmioty w samodzielną kompozycję z własną, lokalną linią czasową. Dzieci animują niezależnie w ramach precomp, podczas gdy sam precomp może poruszać się, skalować i animować w globalnej osi czasu.

Timeline showing precomp group
A precomp w linii czasu z własną pętlą lokalną duration

Co to są precomps?

Pomyśl o precomp jako “scena w scenie”:

Cecha Grupa systematyczna Precomp
Terminy Dzielone globalne ramy czasowe Lokalna linia czasowa
Pętla Śledzi globalną pętlę Może pętla niezależnie
Animacja Pozycje animowane w czasie globalnym Elementy animowane w czasie lokalnym
Zagnieżdżenie Tylko grupa wzrokowa Rzeczywista kompozycja gniazda

Tworzenie precomp

  1. Wybierz elementy, które chcesz włączyć
  2. Kliknij prawym przyciskiem myszy i wybierz * * Utwórz precomp * * lub skorzystaj z menu
  3. Ustaw czas trwania lokalnej osi czasu * * (np. 2 sekundy)
  4. Włącz * * Loop * * jeśli chcesz, aby dzieci powtórzyły

Wybrane elementy są zawijane w grupę precomp z własnym kontekstem czasowym.

Local vs. Global Timeline

Terminy Kontrole Zastosowanie
Lokalne Dzieci wewnątrz precomp Powtarzające się animacje (odbicie, zakręcenie, puls)
Globalny Sama grupa precomp Pozycja, skala, nieprzezroczystość całej grupy

Przykład

Precomp odbijającej się piłki:

      • Lokalna oś czasu * * (2 sekundy, pętla): Piłka odbija się w górę i w dół
      • Globalna oś czasu * * (5 sekund): Precomp ślizga się od lewej do prawej

Wynik: Piłka odbija się w sposób ciągły podczas przechodzenia przez ekran.

Ustawienia precomp

Ustawienie Opis
Czas trwania Długość lokalnej osi czasu (sekundy)
Pętla Czy dzieci pętlą na czas trwania
Nazwa Etykieta dla precomp w linii czasu
Offset Globalne przesunięcie czasu przed rozpoczęciem precomp

Zarządzanie treścią precomp

Dodawanie elementów

Aby dodać element do istniejącego precomp:

  1. Wybierz element do dodania
  2. Przeciągnij go na przedkomp w panelu osi czasu lub grup
  3. Pozycja przenosi się do lokalnej osi czasu precomp

Usuwanie elementów

Aby usunąć element z precomp:

  1. Rozwiń precomp w panelu grup
  2. Wybierz element do usunięcia
  3. Kliknij prawym przyciskiem myszy i wybierz * * Usuń z precomp * *
  4. Element powraca do linii czasu głównego płótna

Animacja Grupy Precomp

Sama grupa precomp może mieć animacje w ramce klawiatury na globalnej osi czasu:

  1. Wybierz grupę precomp (kliknij na jej granicę lub wybierz w panelu grup)
  2. Dodaj ramki klawiszy w linii czasu dla pozycji, skali, rotacji, nieprzezroczystości
  3. Dzieci kontynuują swoje lokalne animacje podczas gdy grupa porusza się
    • Tip: * * Użyj prekompasu, aby stworzyć elementy animowane wielokrotnego użytku. Na przykład, stworzyć animowany spinner ładowania jako precomp, a następnie powielić go, gdzie trzeba.

Przypadki użycia

Use Case Ustawienia
Wczytywanie spinnera Obracanie elementów w pętli 1s
Cykl chodzenia znaków Klawiatura puse w pętli 1s, przedkomp slajdów na ekranie
Cząsteczki powtarzające się Animacja cząstek stałych w pętli 2s, przedkomp umieszczony w scenie
Sekwencja tytułu Tekst ujawnia się w lokalnej linii czasu, precomp zanika w świecie
Składnik interfejsu użytkownika Element interaktywny izolowany w swoim własnym składzie

Wskazówki

      • Keep local animations short * * - 1-3 sekundy działa najlepiej dla pętli precomps
      • Use for repeat * * - Każda animacja, która się powtarza jest dobrym kandydatem
      • Nest oszczędzając * * - Jeden poziom gniazda jest zwykle wystarczający
      • Nazwa prekompasu * * - Użyj nazw opisowych dla złożonych projektów
      • Punkty pętli testowej * * - Zapewnienie płynnego łączenia animacji pętli przy granicy pętli
    • Related: * * [Keyframe Editor] (/features/keyframes) Related 124; [Animations] (/features/animations) Related 124; [Timeline Panel] (/panels/timeline)