Accentsconagua

Schneller Tipp Einfache Textübergänge mit TextAnim Maker

Code
Share

Entdecken Sie die Möglichkeiten von TextAnim Maker und erstellen Sie fantastische Textübergänge. Lesen Sie weiter, um mehr zu erfahren in diesem Quick Tip!

Schritt 1: Was ist TextAnim Maker??

TextAnim Maker ist ein Flash-basiertes Textanimationswerkzeug, das beeindruckende Textanimationen direkt in Ihrem Browser erstellt und den Code anzeigt, den Sie zum Ausführen der Animation in Ihrem Projekt benötigen.

Es arbeitet mit seiner eigenen Klasse namens TextAnim, die von den Leuten von flupie.net entwickelt wurde.

Schritt 2: Wie es funktioniert

TextAnim Maker bietet eine übersichtliche Benutzeroberfläche mit verschiedenen Optionen, Steuerelementen und Bereichen, um Ihren Texteffekt anzupassen.

Es zeigt auch eine Vorschau der erstellten Animation und den daraus resultierenden Code des Übergangs.

Schritt 3: Optionen

Der Editor bietet eine Reihe von Optionen (Eigenschaften und Methoden in der Klasse), die bearbeitet werden können, um den Endeffekt zu ändern. Lassen Sie uns diese Optionen genauer betrachten:

  • Modus: Die Animation beginnt mit der hier ausgewählten Option.
  • Teilt: Teilt den Text in Zeichen, Wörter oder Zeilen auf.
  • AnchorX, AnchorY: Verwendet die Option als Registrierungspunkt zum Animieren.
  • Text: Der zu animierende Text kann HTML enthalten.
  • Intervall: Intervall zwischen den Zeichen, Wörtern oder Linienanimation.
  • Verzögern: Wartezeit vor dem Start.
  • Sichtbare Blöcke: Ein Block ist der Teil von TextAnim, der ein Text-Slice enthält, sie ausgeblendet oder angezeigt wird.

Schritt 4: Klasse und Dokumentation

Sie können die TextAnim-Klasse von GoogleCode herunterladen und die Dokumentation online auf der Entwickler-Website lesen.

Schritt 5: Beispielanimation

Dies ist eine im Editor erstellte Beispielanimation. Hier ist der von mir verwendete Code:

 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 = meinEffekt; txtanim.start (); caurina.transitions importieren. *; Funktion myEffect (Block: TextAnimBlock): void block.scaleX = block.scaleY = 0; Blockrotation = -120; Tweener.addTween (block, rotation: 0, scaleX: 1, scaleY: 1, time: .5, Übergang: "easeoutback");

Fazit

Mit TextAnim Maker können Sie Ihre Animationen dynamisch und schnell erstellen. Versuch es!

Danke fürs Lesen!

Code
×