Share
În videoclipul anterior i-am arătat cum să implementați controalele de bază ale redării. Astăzi am de gând să vorbesc despre utilizarea etichetelor pentru marcarea și navigarea la locații precise într-o TimelineLite. Etichetele din TimelineLite funcționează în mod similar cu modul în care etichetele de cadre lucrează în termenele de timp Flash IDE. Vă voi arăta mai multe modalități de adăugare a etichetelor și a unor moduri inteligente de utilizare a acestora. De asemenea, vom analiza câteva caracteristici exclusive pentru TimelineMax.
Să aruncăm o privire la exemplul pe care îl vom construi în videoclip:
Puteți găsi toate fișierele utilizate pentru a crea SWF de mai sus în fișierele sursă pentru acest tutorial.
Există două metode pe care le puteți utiliza pentru a adăuga etichete la o CronologieLite
addLabel (etichetă: String, timp: Număr): void
Adaugă o etichetă la un moment dat. Este cel mai frecvent să treceți în durata curentă a liniei de timp ca timpul.
Accentsconagua
tl.append (TweenMax.to (alinia_mc, 1, x: endX)); tl.append (TweenMax.to (align_mc, .2, autoAlpha: 0)); // adăugați o etichetă numită transform imediat după terminarea precedentă. tl.addLabel ("transformare", tl.durare) tl.append (TweenMax.to (transform_mc, 1, y: endY)); inserați (tween: TweenCore, timeOrLabel: * = 0): TweenCore
Atunci când se utilizează introduce() pentru a insera un tween, tween-ul va fi introdus la ora sau eticheta specificata in al doilea parametru. Dacă introduceți o etichetă care nu există încă, aceasta va plasa automat acea etichetă la sfârșitul liniei de cronologie și apoi introduceți versiunea tween. Această tehnică face introduce() acționează ca un adăuga() cu valoarea adăugată a creării unei etichete.
tl.append (TweenMax.to (alinia_mc, 1, x: endX)); tl.append (TweenMax.to (align_mc, .2, autoAlpha: 0)); // introduceți o etichetă tween și eticheta de transformare imediat după terminarea precedentă. tl.insert (TweenMax.to (transform_mc, 1, y: endY), "transform");
TimelineLite este intuitiv gotoAndPlay () și gotoAndStop () metodele funcționează exact ca aceleași metode ale obiectului MovieClip. Deși acest videoclip se concentrează pe folosirea lui gotoAndPlay cu o etichetă, puteți trece, de asemenea, într-un timp, de asemenea.
// săriți la eticheta de culoare și redați tl.gotoAndPlay ("color"); // săriți 1 secundă în cronologie și opriți tl.gotoAndStop (1); TimelineMax ne oferă capacitatea unică de a juca la o anumită etichetă cu tweenTo () metodă. În cazul în care MovieClips avea o astfel de metodă, s-ar fi numit PlayTo (). La sfârșitul acestei serii vă voi arăta cum să adăugați o ușurință unui a tweenTo () precum și o serie de alte trucuri.
Din cauza naturii introductive a acestei serii, există unele caracteristici legate de etichetă ale TimelineLite / Max, pe care nu le-am acoperit. Utilizatorii avansați pot dori să citească opțional suppressEvents parametru care poate fi folosit cu gotoAndPlay () și gotoAndStop () în documentație.
TimelineMax are o serie de caracteristici pentru a determina numele etichetelor pe baza relației lor cu poziția curentă a capului de joc sau cu un anumit timp. Aceste proprietăți și metode fac posibilă calcularea dinamică a celei mai apropiate etichete în orice direcție.
currentLabel - Cea mai apropiată etichetă la sau înainte ora curentă.
getLabelBefore (timp: Număr) - Returnează eticheta anterioară (dacă există) care are loc înainte de parametrul de timp. Dacă nu treceți în timp, va fi folosit actualul Timp.
getLabelAfter (timp: Număr) - Returnează următoarea etichetă (dacă există) care apare după parametrul de timp. Dacă nu treceți în timp, ora curentă va fi folosit.
Datorită proprietăților și metodelor puternice ale programului TimelineLite / Max, este extrem de ușor să navigați și să controlați termenele bazate pe script. Caracteristicile legate de etichetă pe care le-am discutat astăzi într-adevăr scarpină suprafața a ceea ce se poate face. Odată ce obțineți un mâner pe aceste tehnici de bază vă veți găsi crearea de cronologie cu caracteristici din ce în ce mai dinamice. Să presupunem că doriți să împiedicați un utilizator să facă clic pe butonul "bibliotecă" odată ce se află în secțiunea bibliotecă. Puteți adăuga pur și simplu o logică la butonul de preluare a clicurilor al butonului care ia în considerare următoarele:
Dacă eticheta anterioară este aceeași cu eticheta butonului care a fost doar făcut clic, atunci nu faceți nimic.
Simțiți-vă liber să convertiți acest lucru la ActionScript dacă doriți mai mult credit;)
În tutorialul următor voi fi prezentarea unor tehnici avansate pentru adăugarea de tone de tweens la o cronologie cu un cod foarte mic și o precizie extremă.
Dacă aveți întrebări sau comentarii pe acest tutorial pur și simplu postați un comentariu de mai jos.
Multumesc pentru vizionare!
