Flash Preloader Publicada el Sábado 24 de Marzo de 2007 a las 3:06 am por poio
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.
Chicoblog
Marzo 24, 2007 a las 7:14 am
Excelente tutorial =)
esta bueno ^^
Y el codigo de poner flash no te sirvio, esta mal puesto =O
Saludos ;)
Chicoblog
Marzo 24, 2007 a las 7:19 am
Y la musica para que hablar, me encanto =)
Albert
Marzo 24, 2007 a las 8:12 am
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… ;)
00/07
Abril 12, 2007 a las 12:31 pm
Changos, mi Flash no abre ese archivo .fla, espero no sea mucha molestia si me pasan una versión para MX 2004 professional.
Jorge Capin
Mayo 23, 2007 a las 12:37 pm
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
morcio
Agosto 16, 2007 a las 9:12 am
jeje en realidad… es muy bueno y la musica… esta genial ^_^… exelente precarga… me facina por la mascara…. enserio muchas gracias
saludos!