Accentsconagua

Rask Tips Enkel Tekst Overganger med TextAnim Maker

Kode
Share

Oppdag kraften til TextAnim Maker og opprett fantastiske tekstoverganger. Les videre for å finne ut mer i denne raske tipsen!

Trinn 1: Hva er TextAnim Maker?

TextAnim Maker er et Flash-basert tekst animasjonsverktøy som skaper fantastiske tekst animasjoner rett i nettleseren din og viser koden du trenger for å utføre animasjonen i prosjektet ditt.

Det arbeider med sin egen klasse, kalt TextAnim, utviklet av folket av flupie.net.

Trinn 2: Slik fungerer det

TextAnim Maker presenterer et rent grensesnitt som viser de forskjellige alternativene, kontrollene og panelene for å tilpasse teksteffekten.

Det viser også en forhåndsvisning av animasjonen opprettet og den resulterende koden for overgangen.

Trinn 3: Alternativer

Redaktøren har en rekke alternativer (som er egenskaper og metoder i klassen) som kan redigeres for å endre den endelige effekten, la oss se nærmere på disse alternativene:

  • Modus: Animasjonen starter fra alternativet som er valgt her.
  • Dele: Splitter teksten i tegn, ord eller linjer.
  • AnchorX, AnchorY: Bruker alternativet som registreringspunkt for å animere.
  • Tekst: Teksten som skal animeres, kan inneholde HTML.
  • intervall: Intervall mellom tegnene, ordene eller linjene.
  • Utsette: Tid til å vente før start.
  • Blokker synlig: En blokk er den delen av TextAnim som inneholder en tekstskive, skjuler dem eller viser dem.

Trinn 4: Klasse og dokumentasjon

Du kan laste ned TextAnim-klassen fra GoogleCode og lese dokumentasjonen online på utviklerens nettsted.

Trinn 5: Eksempel Animasjon

Dette er et eksempel animasjon opprettet i redaktøren, her er koden jeg brukte:

 importer flupie.textanim. *; var txtanim: TextAnim = ny 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 (); importere caurina.transitions. *; funksjon myEffect (blokk: TextAnimBlock): void block.scaleX = block.scaleY = 0; block.rotation = -120; Tweener.addTween (blokk, rotasjon: 0, skalaX: 1, skalaY: 1, tid: .5, overgang: "easeoutback");

Konklusjon

TextAnim Maker er en fin måte å lage animasjoner dynamisk og raskt. Prøv det!

Takk for at du leste!

Kode
×