Accentsconagua

Snabbtips Enkla textövergångar med TextAnim Maker

Koda
Share

Upptäck kraften i TextAnim Maker och skapa fantastiska textövergångar. Läs vidare för att få veta mer i denna Snabba Tips!

Steg 1: Vad är TextAnim Maker?

TextAnim Maker är ett Flash-baserat Text Animation-verktyg som skapar fantastiska textanimeringar direkt i din webbläsare och visar koden du behöver använda för att utföra animationen i ditt projekt.

Det fungerar med sin egen klass som heter TextAnim, utvecklad av folket på flupie.net.

Steg 2: Hur det fungerar

TextAnim Maker presenterar ett rent gränssnitt som visar olika alternativ, kontroller och paneler för att anpassa din texteffekt.

Det visar också en förhandsgranskning av animationen skapad och den resulterande koden för övergången.

Steg 3: Alternativ

Redaktören innehåller en rad alternativ (vilka är egenskaper och metoder i klassen), som kan redigeras för att ändra den slutliga effekten, låt oss titta närmare på dessa alternativ:

  • Läge: Animationen startar från det alternativ som valts här.
  • Dela: Splits texten i tecken, ord eller rader.
  • AnchorX, AnchorY: Använder alternativet som registreringspunkt att animera.
  • Text: Texten som ska animeras kan innehålla HTML.
  • Intervall: Intervall mellan tecken, ord eller linjer animering.
  • Fördröjning: Tiden att vänta innan du börjar.
  • Block synligt: Ett block är den del av TextAnim som innehåller en textskiva, gömmer dem eller visar dem.

Steg 4: Klass och dokumentation

Du kan ladda ner TextAnim-klassen från GoogleCode och läsa dokumentationen online på utvecklarens webbplats.

Steg 5: Exempel Animation

Detta är ett exempel animering skapad i redigeraren, här är koden jag använde:

 importera 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 (); importera caurina.transitions. *; funktion 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");

Slutsats

TextAnim Maker är ett utmärkt sätt att skapa dina animationer dynamiskt och snabbt. Försök!

Tack för att du läser!

Koda
×