
En esta ocasión crearemos un preloader de manera muy sencilla y que puede ser aplicado con facilidad a cualquiera de tus peliculas.
El primer paso es saber donde y como colocaremos nuestro contenido, en este pequeño ejemplo, les muestro una forma de realizarlo.
1. En esta imagen se muestra que tenemos 3 layers, de los cuales utilizaremos uno exclusivamente para el ActionScript, otro para nuestro Preloader y por último uno para nuestro contenido.

2. Ya que los hemos definido ,procederemos a crear el código que se encargara de evaluar la carga de nuestra pelicula.

-
// con onEnterFrame evaluamos el estado continuo de la pelicula
-
this.onEnterFrame = function() {
-
// los bytes cargados hasta el momento
-
cargados = this.getBytesLoaded();
-
// los bytes totales de la pelicula
-
totales = this.getBytesTotal();
-
// hacemos una operacion para obtener un porcentaje de 1 a 100
-
porcentaje = int((cargados*100)/totales);
-
-
// enviamos el movie precargaMc al frame correspondiente
-
// este movie lo crearemos en un paso siguiente
-
precargaMc.gotoAndStop(porcentaje);
-
// asignamos un valor al campo de texto precargaTx dentro de precargaMc
-
// este campo lo crearemos en un paso siguiente
-
<p align="center">precargaMc.precargaTx.text = porcentaje+"%";</p>
-
// un condicional que nos avisara si la carga se ha completado
-
if (porcentaje>= 100) {// borramos nuestro ciclo onEnterFrame
-
delete this.onEnterFrame;
-
// enviamos al lugar donde se encuentra nuestro contenido
-
gotoAndStop(2);
-
}
-
};
-
-
// detenemos pa pelicula para que no corra
-
stop();
3. Ya que hemos definido nuestro codigo, en el layer de precarga procederemos a crear una animacion dentro de un movieClip con una duración de 100 frames,

4. Ya que hemos creado el un Movie Clip al cual le asignaremos el nombre de instancia de precargaMc como lo vimos en nuestro código, este constara de 4 layers, el primero igualmente sera de acciones en el que unicamente pondremos lo siguiente en el primer frame.
-
stop();

5. En esta ocasión mi animacion corresponde a una mascara, asi como tambien he incluido un campo de texto dínamico que nos mostrara el porcentaje completado, este campo debe de localizarse en otro layer dentro de la animación y abarcara los 100 frames que dura nuestra animación, a este campo le asiganremos el nombre de precargaTx

6. Por último colocaremos nuestro contenido en el layer de contenido, en el siguiente frame, esto puede cambiar segun el tipo de contenido que escojan, asi como su codigo puede modificarse ya que no nesesariamente debe correr al frame numero 2.

Finalmente obtendrán un resultado con caracteristicas similares, espero les ayude, esto es una breve entrada a Flash, sin embargo, pronto empezare a expliar mas detalladamente cada uno de las funciones y metodos de este.

7 comentarios para Flash Preloader
Excelente tutorial =)
esta bueno ^^
Y el codigo de poner flash no te sirvio, esta mal puesto =O
Saludos
Y la musica para que hablar, me encanto =)
Desde hace tiempo que visito este blog y te agradezco una vez más los contenidos que dia a dia publicas, gracias… aunque nunca comente siempre estoy aqui escuchando…
Changos, mi Flash no abre ese archivo .fla, espero no sea mucha molestia si me pasan una versión para MX 2004 professional.
muy bueno solo que mi problema ahora es como lo subo para poderlo poner en mi pagina y que abra primero el loader y no mi pagina de inicio
jeje en realidad… es muy bueno y la musica… esta genial ^_^… exelente precarga… me facina por la mascara…. enserio muchas gracias
saludos!
Mi estimado, como se llamada la cancion que suena en tu web? muy buena. Gracias por el tuto tb. Espero tu respuesta. Gracias!