Accentsconagua

Consejo rápido Transiciones de texto fáciles con TextAnim Maker

Código
Share

Descubre el poder de TextAnim Maker y crea impresionantes transiciones de texto. Siga leyendo para obtener más información en este Consejo rápido!

Paso 1: ¿Qué es TextAnim Maker??

TextAnim Maker es una herramienta de animación de texto basada en Flash que crea impresionantes animaciones de texto en tu navegador y muestra el código que necesitas para realizar la animación en tu proyecto..

Funciona utilizando su propia clase llamada TextAnim, desarrollada por la gente de flupie.net.

Paso 2: Cómo funciona

TextAnim Maker presenta una interfaz limpia que muestra las diferentes opciones, controles y paneles para personalizar su efecto de texto.

También muestra una vista previa de la animación creada y el código resultante de la transición..

Paso 3: Opciones

El editor presenta una serie de opciones (que son propiedades y métodos en la clase) que se pueden editar para modificar el efecto final, echemos un vistazo más de cerca a esas opciones:

  • Modo: La animación comenzará a partir de la opción seleccionada aquí..
  • División: Divide el texto en caracteres, palabras o líneas..
  • AnchorX, AnchorY: Utiliza la opción como punto de registro para animar..
  • Texto: El texto a animar, puede contener HTML..
  • Intervalo: Intervalo entre los caracteres, palabras o líneas de animación..
  • Retrasar: Tiempo de espera antes del inicio..
  • Bloques Visibles: Un bloque es la parte de TextAnim que contiene un segmento de texto, los oculta o los muestra..

Paso 4: Clase y documentación

Puede descargar la clase TextAnim de GoogleCode y leer la documentación en línea en el sitio web de los desarrolladores..

Paso 5: Ejemplo de animación

Este es un ejemplo de animación creada en el editor, aquí está el código que usé:

 importar 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 (); importación caurina.transitions. *; function myEffect (block: TextAnimBlock): void block.scaleX = block.scaleY = 0; block.rotation = -120; Tweener.addTween (bloque, rotación: 0, escalaX: 1, escalaY: 1, tiempo: .5, transición: "easeoutback");

Conclusión

TextAnim Maker es una excelente manera de crear tus animaciones de forma dinámica y rápida. Intentalo!

Gracias por leer!

Código
×