TimelineLite Ultimate Guide Starter: Arbeide med etiketter
en
Del
7
Del
Dette Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
I forrige videoen jeg viste deg hvordan du skal gjennomføre grunnleggende avspillingskontroller. I dag skal jeg snakke om å bruke etiketter for å markere og navigere til presise plasseringer i en TimelineLite. Etiketter i TimelineLite jobbe på samme måte hvordan ramme etiketter jobbe i Flash IDE tidslinjer. Jeg vil være å vise deg flere måter å legge til etiketter og noen smarte måter å bruke dem. Vi vil også ta en liten titt på noen funksjoner eksklusivt til TimelineMax
TimelineLite in Action
La oss ta en titt på eksempelet vi skal bygge i videoen.
Du kan finne alle filer som brukes til å lage SWF ovenfor i kildefilene for denne opplæringen.
Se Screen
legge til etiketter i en TimelineLite
Det er to metoder som du kan bruke for å legge til etiketter til en TimelineLite
addLabel (label: String, tid: Number): void
Legger en etikett på et bestemt tidspunkt. Det er mest vanlig å passere i dagens varigheten av tidslinjen som tiden
tl.append (TweenMax.to (align_mc, 1, {x: endX}));. Tl.append (TweenMax.to (align_mc, 0,2, {autoAlpha: 0})); //legge en etikett som heter trans umiddelbart etter den forrige tween er ferdig. tl.addLabel ("transformere", tl.duration) tl.append (TweenMax.to (transform_mc, 1, {y: Endy}));
Sett (tween: TweenCore, timeOrLabel: * = 0): TweenCore
Når du bruker insert () for å sette inn en tween, tween vil bli satt inn på tiden eller etiketten angitt i andre parameter. Hvis du setter på en etikett som ikke finnes ennå, vil det automatisk plassere den merkelappen på slutten av tidslinjen og sett inn mellom. Denne teknikken gjør innsatsen () fungerer som en append () med den ekstra verdien av å skape en etikett
tl.append (TweenMax.to (align_mc, 1, {x: endX}));. Tl.append (TweenMax. til (align_mc, 0,2, {autoAlpha: 0})); //setter inn en tween og forvandle etiketten umiddelbart etter den forrige tween er finished.tl.insert (TweenMax.to (transform_mc, 1, {y: Endy}) , "transformere");
Navigering å Labels
TimelineLite intuitive gotoAndPlay () og gotoAndStop () metodene fungerer akkurat som de samme metodene i MovieClip objektet. Selv om denne videoen fokuserer på bruk av gotoAndPlay med en etikett, kan du også passere i en tid også
//hoppe til fargeetiketten og playtl.gotoAndPlay ("farge");. //Hoppe ett sekund i tidslinjen og stoptl.gotoAndStop (1);
TimelineMax gir oss en unik mulighet til å spille på en bestemt etikett med tweenTo () -metoden. Hvis movieclips hadde en slik metode ville det bli kalt PlayTo (). På slutten av denne serien vil jeg skal vise deg hvordan du legger en letthet til et tweenTo (), samt en rekke andre triks.
På grunn av den innledende natur denne serien er det noen label-relaterte funksjonene TimelineLite /Max at jeg ikke fikk til å dekke. Avanserte brukere kan være lurt å lese opp på valg suppressEvents parameter som kan brukes med gotoAndPlay () og gotoAndStop () i dokumentasjonen.
TimelineMax etikett Hjelpere
TimelineMax har en rekke funksjoner for finne ut navnene på etiketter basert på deres forhold til den aktuelle posisjonen til spillehodet eller en bestemt tid. Disse egenskapene og metodene gjør det mulig å dynamisk beregne hva den nærmeste etiketten er i alle retninger
Eiendom
currentLabel -.. Det nærmeste etikett som er på eller før gjeldende klokkeslett
< h3> Metoder
getLabelBefore (tid: Number) - Returnerer forrige label (hvis noen) som oppstår før tiden parameter. Hvis du ikke passere en gang i, vil currentTime brukes
getLabelAfter (tid: Number) -. Returnerer neste etikett (hvis noen) som oppstår etter den tid parameter. Hvis du ikke passere en gang i, vil currentTime brukes.
Konklusjon
På grunn av de kraftige egenskapene og metodene for TimelineLite /Max er det svært enkelt å navigere og kontrollere Script baserte tidslinjer. Etiketten relaterte funksjoner som vi har diskutert i dag egentlig bare skraper i overflaten av hva som kan gjøres. Når du får et håndtak på disse grunnleggende teknikkene vil du finne deg selv å lage tidslinjer med flere og mer dynamiske egenskaper. Anta at du ønsker å hindre en bruker fra å klikke på "bibliotek" -knappen når de er i bibliotekets nettsider. Du kan bare legge logikken til knappen klikk handler som vurderer følgende:.
Hvis den forrige etiketten er den samme som etiketten på knappen som nettopp ble klikket så gjør ingenting
Ta gjerne å konvertere det til Action hvis du ønsker litt ekstra kreditt;)
I neste tutorial jeg kommer til å bli vist avanserte teknikker for å legge tonn tweens til en tidslinje med svært lite kode og ekstrem presisjon Hvis du har spørsmål eller kommentarer til denne opplæringen bare legge inn en kommentar under. Takk for å se! Anmeldelser