Przykład 6.1
Definiowanie ruchu przy użyciu metody vkf.

Używając metody vkf definiujemy poszczególne klatki kluczowe naszej animacji:
Najpierw definiujemy pierwszą klatkę, od której zacznie się ruch:
vlay.rect.vkf({left:500,top:200,vopacity:100, ct:0,cr:100,cb:100,cl:0},1)
Określamy w niej początkowe parametry ruchu - te, które będziemy zmieniać podczas dalszej animacji. W naszym przypadku jest to pozycja left, top, przeźroczystość vopacity oraz kadrowanie ct, cr, cb, cl.

Następnie definiujemy kolejne klatki animacji, określając parametry warstwy (pozycja, przeźroczystość, kadrowanie) oraz ilość klatek, w których odbyć ma się dany ruch:
vlay.rect.vkf({left:600,top:50},50)
vlay.rect.vkf({left:600,top:500,vopacity:30},50)
vlay.rect.vkf({left:500,top:400,vopacity:0},50)
vlay.rect.vkf({left:550,top:600,vopacity:100,ct:0, cr:5,cb:5,cl:0},50)
vlay.rect.vkf({left:500,top:250, ct:0,cr:100,cb:100,cl:0},20)
Dla ułatwienia w przykładzie po prawej oznaczyliśmy te punkty i opisaliśmy odpowiadające im parametry vkf.

Żeby warstwa była animowana, musimy ustawić właściwość go w jej obiekcie van na true:
vlay.rect.van.go=true
Teraz, żeby odtworzyć animację, wystarczy wykonać:
STPE.go("",50)
Nazwa grupy to "", a więc wszystkie warstwy bez określonej nazwy grupy, natomiast odstęp pomiędzy klatkami ustawiliśmy na 50 milisekund.

Kliknij tutaj, aby odtworzyć i obejrzeć naszą przykładową animację.

Powrót
1. vlay.rect.vkf({left:500,top:200,vopacity:100,ct:0,cr:100,cb:100,cl:0},1)
2. vlay.rect.vkf({left:600,top:50},50)
3. vlay.rect.vkf({left:600,top:500,vopacity:30},50)
4. vlay.rect.vkf({left:500,top:400,vopacity:0},50)
5. vlay.rect.vkf({left:550,top:600,vopacity:100,ct:0,cr:5,cb:5,cl:0},50)
6. vlay.rect.vkf({left:500,top:250,ct:0,cr:100,cb:100,cl:0},20)