[< Poprzedni rozdział] [Spis treści] [Następny rozdział >]
5. Moduł animacyjny - obiekty i metody odpowiadające za ruch.
Alladyn dostarcza efektywny i posiadający sporo funkcji moduł animacyjny, oparty na keyframach, z możliwością grupowania elementów ruchu oraz kilkoma rodzajami samego ruchu. Dzięki zapewnieniu synchronizacji całej animacji, w łatwy sposób można zaprogramować złożony i efektowny ruch wielu elementów.
Poniżej przedstawiony jest dokładny opis obiektów i metod odpowiedzialnych za ruch w Alladynie. Szersze wyjaśnienie ich użycia wraz z przykładami znajduje się w dalszych rozdziałach niniejszego podręcznika.

5.1. Obiekt STPE.
Jest to obiekt odpowiedzialny za synchronizację animacji, umożliwia jej podział na grupy i oddzielną synchronizację każdej z nich.
Posiada dwie metody odpowiadające za stan animacji:

5.2. Obiekt van.
Jest to obiekt opisujący sposób ewentualnej animacji warstwy, posiada go każda warstwa w obiekcie vlay (vlay.warstwa.van). Posiada następujące właściwości i metody:

5.3. Metoda vkf ({elementy zmieniane}, ilość kroków do osiągnięcia celu) - KeyFrame.
Metoda pozwala na opis animacji przy zastosowaniu klatek kluczowych. Elementy zmieniane podawane są jako para nazwa:wartość (oddzielone dwukropkiem), kolejne zaś elementy oddzielane są przecinkami. Wystarczy podać jedynie te właściwości, których wartość ma zostać zmieniona pomiędzy poprzednią, a definiowaną klatką kluczową.
W szczególnym przypadku vkf({},10) będzie oznaczać wstrzymanie jakiejkolwiek akcji warstwy przez 10 kroków animacji jej grupy, zaś vkf({left:100,vopacity:50},1) natychmiastowe (w jednym kroku) przesunięcie jej do pozycji left=100px i ustawienie przeźroczystości na 50%.

Właściwości, jakie możemy zmieniać to: Przykład użycia:
vlay.nazwawarstwy.vkf({top:100,left:200,vopacity:50},10)
vlay.nazwawarstwy.vkf({top:100,left:0,vopacity:100},5)
vlay.nazwawarstwy.vkf({top:300,left:300},7)
Przykłady ilustrujące użycie modułu animatora znajdują się w następnym rozdziale.

[< Poprzedni rozdział] [Spis treści] [Następny rozdział >]