Accentsconagua

Suggerimento rapido transizioni di testo semplici con TextAnim Maker

Codice
Share

Scopri il potere di TextAnim Maker e crea incredibili transizioni di testo. Continua a leggere per saperne di più in questo Suggerimento rapido!

Passaggio 1: cos'è TextAnim Maker?

TextAnim Maker è uno strumento di animazione di testo basato su Flash che crea fantastiche animazioni di testo direttamente nel browser e visualizza il codice che è necessario utilizzare per eseguire l'animazione nel progetto.

Funziona usando la sua classe chiamata TextAnim, sviluppata dalla gente di flupie.net.

Passaggio 2: come funziona

TextAnim Maker presenta un'interfaccia pulita che mostra le diverse opzioni, controlli e pannelli per personalizzare l'effetto del tuo testo.

Mostra anche un'anteprima dell'animazione creata e il codice risultante della transizione.

Passaggio 3: Opzioni

L'editor presenta una serie di opzioni (che sono proprietà e metodi nella classe) che possono essere modificate per modificare l'effetto finale, diamo uno sguardo più da vicino a quelle opzioni:

  • Modalità: L'animazione inizierà dall'opzione selezionata qui.
  • Diviso: Divide il testo in caratteri, parole o linee.
  • AnchorX, AnchorY: Utilizza l'opzione come punto di registrazione per l'animazione.
  • Testo: Il testo da animare, può contenere HTML.
  • Intervallo: Intervallo tra animazione di caratteri, parole o linee.
  • Ritardo: È tempo di aspettare prima di iniziare.
  • Blocchi visibili: Un blocco è la parte di TextAnim che contiene una porzione di testo, li nasconde o li mostra.

Passaggio 4: Classe e documentazione

Puoi scaricare la classe TextAnim da GoogleCode e leggere la documentazione online sul sito web degli sviluppatori.

Passaggio 5: esempio di animazione

Questo è un esempio di animazione creata nell'editor, ecco il codice che ho usato:

 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. *; function myEffect (block: TextAnimBlock): void block.scaleX = block.scaleY = 0; block.rotation = -120; Tweener.addTween (block, rotation: 0, scaleX: 1, scaleY: 1, time: .5, transition: "easeoutback");

Conclusione

TextAnim Maker è un ottimo modo per creare animazioni dinamiche e veloci. Provalo!

Grazie per aver letto!

Codice
×