• inicio
  • tutoriales flash
  • trucos flash
  • faq's flash
  • enlaces flash
  • suscribirse al feed RSS

tutoriales ( todos | principiante | medio | avanzado | AS 1.0 | AS 2.0 | AS 3.0 | top )

Tutorial FLASH - Tutorial efecto de máquina de escribir en Flash.

| | Más
Versión Flash: MX y superiores   |   Compatible con ActionScript 1.0 y 2.0   |   Nivel: Medio   |   Hits: 77089

En este sencillo tutorial vamos a aprender a crear un efecto de escritura de máquina de escribir con Flash. Vamos a introducir un texto y a continuación, vamos ver el efecto representado a su derecha.

COMO HACERLO.
El funcionamiento del efecto es muy simple. Tomamos una cadena y descomponemos su caracteres en un array, después definimos un enterFrame donde vamos rellenando la cadena carácter a carácter con el símbolo "_" precediendo la nueva cadena. Una vez que se completa la cadena inicial, se detiene el enterFrame y listo...

Todo el código del ejemplo va dentro del botón de enviar:

on (release) {
// almacenamos el texto de la caja de la izquierda en textoFinal
textoFinal = texto1;
// creo un array con todos los caracteres
var caracteres= textoFinal.split("");
// inicializo texto2 y el contador
texto2 = "_";
indice = 0;
// elimino algún enterframe existente
delete _root.onEnterFrame;
_root.onEnterFrame = function() {
// compruebo ha llegado al final
if (indice<caracteres.length) {
// le resto el _ del final
texto2 = texto2.substring(0, texto2.length-1);
// añado un carácter y el _
texto2 += caracteres[indice]+"_";
// paso el siguiente carácter
indice++;
} else {
delete this.onEnterFrame;
texto2 = textoFinal;
}
};
}

Aquí teneis el archivo type-writer.fla del ejemplo con el código comentado.

| | Más
flash 1flash 1flash 1flash 2flash 1flash 3flash 1flash 4