Accentsconagua

Snelle tip eenvoudige tekstovergangen met TextAnim Maker

Code
Share

Ontdek de kracht van TextAnim Maker en creëer geweldige tekstovergangen. Lees verder om meer te weten te komen in deze Quick Tip!

Stap 1: Wat is TextAnim Maker?

TextAnim Maker is een op Flash gebaseerde tool voor tekstanimatie die prachtige tekstanimaties maakt in uw browser en de code toont die u moet gebruiken om de animatie in uw project uit te voeren.

Het werkt met behulp van zijn eigen klasse genaamd TextAnim, ontwikkeld door de mensen van flupie.net.

Stap 2: Hoe het werkt

TextAnim Maker presenteert een duidelijke interface met de verschillende opties, bedieningselementen en panelen om uw teksteffect aan te passen.

Het toont ook een voorbeeld van de gemaakte animatie en de resulterende code van de overgang.

Stap 3: Opties

De editor beschikt over een reeks opties (die eigenschappen en methoden in de klas zijn) die kunnen worden bewerkt om het uiteindelijke effect te wijzigen, laten we deze opties nader bekijken:

  • mode: De animatie start vanuit de hier geselecteerde optie.
  • Split: Splitst de tekst op in tekens, woorden of lijnen.
  • AnchorX, AnchorY: Gebruikt de optie als het registratiepunt om te animeren.
  • Tekst: De te animeren tekst kan HTML bevatten.
  • Interval: Interval tussen de tekens, woorden of lijnenanimatie.
  • Vertraging: Tijd om te wachten voordat je begint.
  • Blokken zichtbaar: Een blok is het gedeelte van TextAnim dat een tekstschijf bevat, verbergt of weergeeft.

Stap 4: Klasse en documentatie

U kunt de TextAnim-klasse downloaden van GoogleCode en de documentatie online lezen op de website van de ontwikkelaar.

Stap 5: Voorbeeldanimatie

Dit is een voorbeeldanimatie gemaakt in de editor, hier is de code die ik heb gebruikt:

 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");

Conclusie

TextAnim Maker is een geweldige manier om uw animaties dynamisch en snel te maken. Probeer het!

Bedankt voor het lezen!

Code
×