W tym rozdziale zademonstrujemy na przykładach jak łatwe jest użycie animatora Alladyna do tworzenia animacji na stronach WWW.
6.1. Użycie metody vkf do definiowania klatek kluczowych.
Używając metody
vkf dodajemy kolejne klatki kluczowe do ścieżki animacji warstwy. Możemy w ten sposób zaprogramować nawet złożony ruch warstwy.
Żeby warstwa była animowana podczas ruchu całej grupy, musimy ponadto ustawić wartość
go jej obiektu
van na
true (
vlay.warstwa.van.go=true). Uruchomienie animacji następuje poprzez wywołanie
STPE.go().
Przykład 6.1 - przykład demonstrujący prostą animację.
6.2. Różne tryby animacji.
Właściwość
mode obiektu
van warstwy odpowiada za sposób zachowania się animacji.
Dostępne są trzy tryby animacji:
- loop - po dojściu do końca animacji klatki (ostatniej klatki kluczowej), animacja wykonywana jest od początku, począwszy od pierwszej klatki kluczowej,
- ping - po dojściu do końca animacji klatki, animacja wykonywana jest "od tyłu" - od ostatniej klatki kluczowej do pierwszej (odbicie animacji),
- tryb normalny - po dojściu do końca animacji klatki, animacja jest zatrzymywana. Tryb ten jest trybem domyślnym i jest wykonywany w przypadku, gdy właściwość mode zawiera inne wartości niż loop lub ping.
Przykład 6.2 - przykład demonstrujący różne tryby animacji.
6.3. Grupowanie elementów.
Alladyn pozwala grupować warstwy w oddzielne grupy ruchu. Pozwala to na sporą swobodę w kreowaniu animacji. W szczególności ułatwia to dzielenie animacji na etapy - poszczególne etapy mogą być zorganizowane w osobne grupy ruchu i odpalane w momencie skończenia animacji poprzedniego etapu/grupy. Podział na grupy pozwala również tworzyć wiele niezależnych od siebie ruchów, które mogą być odpalane w dowolnych, różnych momentach. Grupowanie pozwala wreszcie poruszać jedną grupą elementów z oddzielną synchronizacją (z innym interwałem międzyklatkowym) niż inną grupą.
Domyślnie każda warstwa znajduje się w grupie "". Zmienić nazwę grupy można wpisując ją we właściwość
group obiektu
van warstwy.
vlay.warstwa.van.group="nowagrupa"
Uruchomienie animacji danej grupy odbywa się poprzez podanie jej nazwy jako parametr wywołania metody STPE.go:
STPE.go("nowagrupa",100)