Accentsconagua

Astuce Transitions de texte faciles avec TextAnim Maker

Code
Share

Découvrez la puissance de TextAnim Maker et créez de superbes transitions de texte. Lisez la suite pour en savoir plus dans cette astuce!

Étape 1: Qu'est-ce que TextAnim Maker??

TextAnim Maker est un outil d'animation de texte basé sur Flash qui crée de superbes animations de texte directement dans votre navigateur et affiche le code que vous devez utiliser pour exécuter l'animation dans votre projet..

Cela fonctionne en utilisant sa propre classe appelée TextAnim, développée par les gens de flupie.net.

Étape 2: Comment ça marche

TextAnim Maker présente une interface claire montrant les différentes options, commandes et panneaux pour personnaliser votre effet de texte..

Il montre également un aperçu de l'animation créée et du code résultant de la transition..

Étape 3: Options

L'éditeur propose une série d'options (propriétés et méthodes de la classe) pouvant être modifiées pour modifier l'effet final. Examinons de plus près ces options:

  • Mode: L'animation commencera à partir de l'option sélectionnée ici.
  • Divisé: Divise le texte en caractères, mots ou lignes.
  • AnchorX, AnchorY: Utilise l'option comme point d'enregistrement à animer.
  • Texte: Le texte à animer, il peut contenir du HTML.
  • Intervalle: Intervalle entre l'animation des caractères, des mots ou des lignes.
  • Retard: Temps d'attendre avant de commencer.
  • Blocs visibles: Un bloc est la partie de TextAnim qui contient une tranche de texte, les cache ou les affiche.

Étape 4: Classe et documentation

Vous pouvez télécharger la classe TextAnim à partir de GoogleCode et lire la documentation en ligne sur le site Web des développeurs..

Étape 5: Exemple d'animation

Voici un exemple d'animation créé dans l'éditeur, voici le code que j'ai utilisé:

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

Conclusion

TextAnim Maker est un excellent moyen de créer vos animations de manière dynamique et rapide. L'essayer!

Merci d'avoir lu!

Code
×