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.