Pe edutechwiki este descrisa ca fiind "a light-weight and fast tween class", pentru a creea animatii si shape tweens, o clasa scrisa de Jack Doyle. Site-ul oficial de unde puteti download-a "TweenLite" este tweenliteas3.
Unii cred ca a misca obiectele prin actionscript este mai smooth decat in timeline, chiar si eu am avut aceasta senzatie la un moment dat. Pur si simplu aceast lucru nu este adevart. Daca se foloseste in timeline un framerate undeva pe la 30fps si se lasa ceva mai mult spatiu intre keyframes, se ajunge la o animatie destul de cool. In general animatia in timeline se foloseste pentru genul de animatie ce este mereu aceeasi, neschimbata (animatie statica). In actionscript este preferabil sa lucram atunci cand animatia ruleaza la aceeasi viteza independent de framerate-ul stabilit al scenei, atunci cand avem animatie interactiva, sau aleatorie, etc.
De exemplu miscarea cu efect de elastic a sloganului pe care am creat-o aici, este infinit mai simplu de realizat in actionscript decat in timeline.
Pentru a lucra cu TweenLite trebuie mai intai sa download-ati fisierul de la link-ul pe care l-am dat mai sus.
Dupa ce dezarhivati puteti pune folderul gs langa fisierul .fla in care lucrati.
In primul frame din timeline va trebui sa importam TweenLite cu doua linii de cod:
import gs.TweenLite; import fl.motion.easing.*;
Construiti pe scena un patrat, convertiti-l in movieclip, dati-i numele de instanta patrat_mc si adaugati inca o linie de cod in timeline mai jos de cele doua linii prin care am importat clasa:
TweenLite.to(patrat_mc,3,{x:380});
Daca patratul il construim in stanga scenei, aproape de valoarea zero a axei x, atunci el se va deplasa spre dreapta pana la valoarea 380 a axei x timp de 3 secunde. Metoda Twennlite.to(); este destul de clara, urmeaza intre paranteze numele de instanta al patratului construit pe scena "patrat_mc", apoi timpul de deplasare "3", dupa care intre acolade apare "x", axa de deplasare pe orizontala si numarul "380" distanta pana la care ajunge.
Bineinteles ca putem realiza o miscare si mai complicata, intr-un cod destul de intuitiv:
TweenLite.to(patrat_mc,3 ,{x:450, rotation:145, scaleX:3, scaleY:3});
In afara de miscarea pe orizontala, patratul se va roti la un unghi de 145 de grade, si se va mari proportional de trei ori.
