TimelineLite Ultimate Guide Starter: TimelineMax Spesialfunksjoner
Del
Del
en
Del
Dette Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
I denne serien finale er jeg spent på å introdusere deg til de funksjonene som gjør TimelineMax så spesiell. Jeg er også tenkt å røre på noen spesielle triks du kan gjøre med TimelineLite slik at du kan bruke wild lette effekter til den totale spille hastigheten på en tidslinje som omfatter hundrevis av tweens og nestede tidslinjer. Du må se det for å tro det.
TimelineMax in Action
swf nedenfor inneholder en enkelt TimelineMax med en gjentakelse verdi på 1 og Yoyo av sann. De totalTime og totalProgress verdier gjenspeiler hvor lang tid det tar for hele sekvensen til å kjøre to ganger. TimelineMax sin addCallback () metoden brukes til å kalle en funksjon som håndterer bytte dypet av blob og busken slik at blob kan hoppe bak busken. Dette bytting skjer umiddelbart når blob ferdig sin oppadgående bevegelse uavhengig av hvorvidt tidslinjen spilles bakover eller forover.
Du kan finne alle filer som brukes til å lage SWF ovenfor i kildefilene for denne opplæringen.
Se Screen
TimelineMax Spesielle eiendommer
TimelineMax mest populær funksjon er at du enkelt kan fortelle det hvor mange ganger å gjenta. Det finnes en rekke spesielle egenskaper som kan sendes inn i TimelineMax konstruktøren vars objekt som hjelper deg fininnstille nøyaktig hvor gjentakelsesarbeid:
gjentar: Hvor mange ganger i tidslinjen bør gjenta. Bruk -1 til å gjenta i det uendelige
repeatDelay:.. Tiden som bør skje før tidslinjen gjentar
onRepeat. En funksjon som vil bli oppringt så snart tidslinjen gjentar
yoyo: Hvis satt til true tidslinjen vil gjenta i motsatt
tl = new TimelineMax ({gjentar: 2, repeatDelay: 1, onRepeat: doSomethingCool, yoyo: true});.
koden ovenfor vil skape en tidslinje som gjør følgende:
Fra starten, spille fremover.
Ett sekund etter at animasjonen er fullført, vil en funksjon kalt doSomethingCool () brann og tids vil spille bakover umiddelbart.
Ett sekund etter animasjonen spiller bakover, en funksjon som heter doSomethingCool () vil brann og tids vil spille fremover umiddelbart.
Varighet, Time og Fremskritts
Når en tidslinje får beskjed om å gjenta det er nyttig å kunne få tilgang til en rekke egenskaper som tar hensyn til varighet av alle gjentakelser og forsinkelser:
totalDuration. Varighet av tidslinjen i sekunder (eller rammer for rammer baserte tidslinjer) inkludert eventuelle gjentakelser eller repeatDelays
totalTime : Senest gjengis tid (eller ramme for rammer baserte tweens /tidslinjer) i henhold til sine totalDuration
totalProgress. verdi mellom 0 og 1 indikerer den generelle fremdriften av tidslinjen i henhold til sine totalDuration, der 0 er på begynnelsen, 0.5 er halvveis ferdig, og en er ferdig.
Det er verdt å merke seg at TimelineLite har totalDuration og totalTime egenskaper, men siden TimelineLite ikke gjenta, de tilbyr mest verdi når den brukes med TimelineMax.
Ringe en funksjon fra TimelineMax
TimelineMax gjør det enkelt å ringe funksjoner fra hvilket som helst tidspunkt. Du kan bli kjent med prosessen med å legge en onComplete () tilbakeringing til en enkeltperson tween i en tidslinje, men addCallback () har to fordeler:
addCallback () funksjoner vil bli skutt når tidslinjen er spille fremover og bakover
addCallback () trenger ikke å være låst til en bestemt tween slutter
addCallback () Metode signatur.
offentlig funksjon addCallback (tilbakeringing : Funksjon, timeOrLabel: Array, params: * = null): TweenLitetl = new TimelineMax (); tl.append (TweenLite.to (mc, 5, {x: 500})); tl.addCallback (doSomethingCool, tl.duration -1, ["Steve"])); funksjon doSomethingCool (someValue: String): void {trace ("Hei" + someValue);}
Koden over vil føre til at uttrykket "Hei Steve" skal vises i produksjonen panel ett sekund før den forrige tween slutter.
Ringe en funksjon fra TimelineLite
TimelineLite tilbyr lignende funksjonalitet i form av å legge til eller sette inn en TweenLite.delayedCall () metoden, men koden er litt mer . ordrik
someTimelineLite.append (TweenLite.to (mc, 5, {x: 500})); someTimelineLite.append (TweenLite.delayedCall (0, doSomethingCool, ["Steve"]), -1);
tweening Avspilling av en tidslinje
En av de best bevarte hemmelighetene i GreenSock Tweening Platform er at du kan tween en TweenLite, TweenMax, TimelineLite og TimelineMax. I videoen fokuserer jeg på tweening avspillingen av "tidslinjen brødre". Fordelen med tweening en tween eller tidslinje er at du kan justere hastigheten som den spiller tilbake og gjelder også lettelser.
Tween den tidsskala på en TimelineLite /Max
Denne metoden er stor for får en animasjon å sakte komme til å stoppe på noe tidspunkt eller gjenoppta avspillingen med en fin ease-in. Legg merke til den fine letthet som er brukt når du går inn eller ut av et pauset tilstand.
Kombiner TimelineMax sin tweenTo () med en letthet
Denne metoden fungerer godt for å påføre en letthet til avspillingshastigheten av en hel tidslinjen eller bare et segment. Legg merke til den radikale endringen i avspilling av tidslinjen når Circ In Out og sprette ut-knappene trykkes.
Forhåpentligvis SWF ovenfor vil lokke deg finne ut mer ved å se på videoen og laste ned kildefilene.
Konklusjon
Det er flere ting som TimelineMax kan gjøre men jeg valgte å fokusere på de mest brukte funksjonene. Jeg ga deg en titt på TimelineMax sin currentLabel eiendom og getLabelAfter () i Del 4: Arbeide med etiketter. Som alltid anbefaler jeg å lese og bokmerke dokumentasjonen TimelineMax å være sikker på at du får mest ut de verktøyene du velger å bruke. Jeg lærer fortsatt noe nytt hver gang jeg rote rundt der.
Det har vært en fantastisk opplevelse for meg å dele med dere nesten tre timer TimelineLite /Max trening. Jeg er sikker på at hvis du tar deg tid til å se gjennom hver video og eksperimentere med kildefilene du vil ha en utrolig sterkt grunnlag for å begynne å bygge på. Potensialet for hva du kan oppnå med TimelineLite /Max er nesten ubegrensede. Jeg håper virkelig at du er like spent som jeg er om hva som kan gjøres med disse fantastiske verktøy.
For de av dere som ønsker å fortsette din TimelineLite /Max utdanning er jeg sikker på at du vil finne følgende tutorials svært nyttig:
TimelineMax Bulletproof Sideoverganger: Lær hvordan du kan navigere gjennom mange deler av en tidslinje med tilpassede overganger.
TimelineMax generativ kunst. Bruk TimelineMax for funky og tilfeldige opplevelser
TimelineLite med OOP. Ta en titt på å integrere TimelineLite i tilpassede klasser for enkel sekvensering som er fleksibel og godt organisert
jeg har å gi en spesiell takk til Jack Doyle av GreenSock for å lage disse fantastiske verktøy og også tilby sin støtte gjennom etableringen av disse videoene. Aldri i mitt liv har jeg kommet over en virksomhet eller et produkt skaperen som går til lengder som Jack gjør for å holde sine kunder og horder av entusiaster så darn fornøyd.
Takk så mye for å se på denne serien og gi tilbakemeldinger. Hvis du ønsker å kontakte meg med spørsmål knyttet til TimelineLite /Max kan du kommentere under eller send en e-post. Du kan finne min e-postadresse på slutten av videoen.
-Carl Anmeldelser