Quick Tips: Enkel tekstoverganger med TextAnim Maker
Del
Del
Del
Del
Denne Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Oppdag kraften i TextAnim Maker og lage fantastisk tekstoverganger. Les videre for å finne ut mer i denne Quick Tips
Trinn 1: Hva er TextAnim Maker
TextAnim Maker er en? Flash-basert tekst animasjon verktøy som skaper imponerende tekst animasjoner rett i nettleseren din og viser den koden du må bruke for å utføre animasjon i prosjektet.
Det fungerer ved hjelp av sin egen klasse kalt TextAnim, utviklet av folk i flupie.net
Trinn 2:.. Hvordan fungerer det
TextAnim Maker presenterer et rent grensesnitt som viser de ulike alternativene, kontroller og paneler for å tilpasse din tekst effekt
Det viser også en forhåndsvisning av animasjonen skapt og den resulterende kode av overgangen
Trinn 3:. Alternativer
redaktør har en rekke alternativer (som er egenskaper og metoder i klassen) som kan redigeres for å endre den endelige effekten, la oss ta en nærmere titt på disse alternativene:
Mode: Animasjonen starter fra alternativet som er valgt her
Split. Deler teksten inn chars, ord eller linjer
AnchorX, AnchorY:.. Bruker alternativet som registreringspunkt for å animere
Tekst: Teksten til å animere, det kan inneholde HTML
Intervall:.. Intervall mellom chars, ord eller linjer animasjon
. Forsinkelse: Tid til å vente før start til
blokker Synlig:. En blokk er den delen av TextAnim som inneholder en tekst skive, skjuler dem eller viser dem
Trinn 4: Klasse og dokumentasjon
< p> Du kan laste ned TextAnim klasse fra GoogleCode og les dokumentasjonen online på utviklernes nettsted
Trinn 5:. Eksempel Animation
Dette er et eksempel animasjon laget i editoren Her er koden jeg brukte.
import flupie.textanim *; Var txtanim: TextAnim = new TextAnim (myTextField); txtanim.mode = TextAnimMode.EDGES_CENTER; txtanim.anchorX = TextAnimAnchor.RIGHT; txtanim.anchorY = TextAnimAnchor . .BOTTOM; txtanim.interval = 15; txtanim.blocksVisible = false; txtanim.effects = myEffect; txtanim.start (); import caurina.transitions *; funksjon myEffect (blokk: TextAnimBlock): void {block.scaleX = blokk. Scaley = 0; block.rotation = -120; Tweener.addTween (blokk, {rotasjon: 0, scaleX: 1, Scaley: 1, tid: 0,5, overgang: "easeoutback"});}
Konklusjon
TextAnim Maker er et fin måte å skape animasjoner dynamisk og raskt. Prøv det!
Takk for lesing! Anmeldelser