Loading:


Tweener - platforma dla wykonywania animacji w ActionScript 2 oraz 3 - omówienie, instalacja oraz zastosowanie

5. Zastosowanie

 

Struktura tworzenia animacji w Tweener wygląda następująco:

 

Tweener.addTween(nazwaObiektu, {właściwośc:wartość, właściwość2:wartość2});

 

Aby stworzyć animacji musimy wywołać metodę o nazwie addTween z dwoma parametrami: nazwą obiektu oraz obiektem z właściwościami. NazwaObiektu to obiekt do animacji, właściwość to nazwa właściwości np x, scaleY, wartość to oczekiwana końcowa wartość właściwości. Możemy dodać ile tylko chce właściwości do obiektu, nie ma tutaj żadnych ograniczeń.

 

Modyfikowanie najprostszych właściwości klipów filmowych jest banalnie proste: (podany kod przeniesie klip o nazwie mojMC na x = 150 w animacji liniowej).

 

Tweener.addTween(mojMC, {x:150});

 

Aby określi czas trwania animacji nalezy przesłać w obiekcie właściwość o nazwie time, gdzie 1 = 1 sek, 0.5 = pół sekundy:

 

//wykonanie animacji przez 2 sekundy
Tweener.addTween(mojMC, {x:150, time:2});

 

Dzięki Tweener możemy określać typy animacji, czyli easing'i takie same jak we Flashu: easeOut, easeIn oraz niedostępne we Flashu: easeInElastic. Typ animacji przesyłamy jako wartość dla właściwości o nazwie transition, domyślnie jest ustawione linear.

 

//animacja typu easeOutCirc trwająca przez 2 sekundy
Tweener.addTween(mojMC, {alpha:1, time:2, transition:"easeOutCirc"});

 

6. Download

 

Bibliotekę Tweener Caurina można pobrać z podanego poniżej źródła:

http://code.google.com/p/tweener/downloads/list

 

Wybierając plik o nazwie: tweener_1_33_74_as3.zip dla AS3 lub tweener_1_33_74_as2.zip dla AS2.



Dalsza czê¶æ: 1 2 3
Napisz Artyku³






Dodano przez: divix
Ranga: Administrator serwisu Punktów: 38523
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2024 v.1.5 | design: diviXdesign & rainbowcolors