Creando precargas vistosas en 1 minuto
lunes, 10 de julio de 2006

Pues esa es la idea, crear precargas lindas y vistosas en solo un minuto ¿Cómo hacerlo?, bueno ahora lo explico ^^

Veamos algunos ejemplos de las precargas que podremos hacer:

 

 

Si te gustaron los modelos, seguí leyendo y veras lo fácil que es!

Lo primero que haremos será ir a AjaxLoad y crear el GIF animado que actuará como nuestra precarga. Allí tendremos miles de colores y formas posibles. Hay que tener en cuenta en poner el mismo color de fondo que nuestro escenario en Flash, en este ejemplo el fondo del GIF y el fondo del escenario es #FFFFFF (blanco):

 

AjaxLoad

 

Una vez creado el GIF, lo descargaremos pulsando el botón Dowload it. Luego abriremos Flash y crearemos un símbolo llamado precarga: 

 

Crear Símbolo

 

Entraremos al modo de edición. Luego iremos a Archivo>Importar>Importar a Escenario y escogeremos el GIF creado anteriormente. Cerramos el símbolo y vamos al escenario.

Abrimos la biblioteca y soltamos el símbolo recién creado al escenario. Si lo deseamos podemos añadir un pequeño campo de texto dinámico llamado status, en el cual mostraremos el porcentaje de carga.

 

Creamos un campo de texto dinámico

 

Abrimos el panel de Acciones y en el primer fotograma escribimos el código visto en el Tutorial barra de precarga , pero más reducido, para que solo muestre el porcentaje de carga. 

 

Código: 

onEnterFrame = function () {
 var cargado = this.getBytesLoaded();
 var total = this.getBytesTotal();
 var porcentaje = cargado/total;
 status.text = Math.round(porcentaje*100)+"%";
 if (cargado>=total && total>4) {
  this.gotoAndStop(2);
  delete onEnterFrame;
 }
};

 

 

Lo único que queda es añadir el contenido en el fotograma 2  y ya tendremos todo listo!
Aquí el ejemplo creado

Bueno, espero que les haya servido :D

 

Ejemplo utilizado


Tags:  tutorial flash



 Comentarios (4)
 1 Escrito por demiralkanlar website, el 29-02-2008 09:53
Magníficas vistas .. En primer lugar agradeció perfecto resultado, que quería MovieClipLoader. Eso me sucedió tal vez usted no sabe cómo funciona esto? Si saben me complace mucho.  
Gracias,  
P / s - Yo uso flash8.
 2 Escrito por ars moriendi website, el 07-04-2008 17:45
muchas gracias leandono, estoy aprendiendo a usar el action para pasar al siguiente nivel, saludos de un mexicano en Madrid
 3 Escrito por Marcial, el 13-04-2008 15:26
Me ha servido de mucho la información de tu página. 
 
Muchas gracias.
 4 Escrito por Nat, el 29-04-2008 16:49
Hola. Gracias por el tutorial. Me sirve perfectamente para una foto pero tengo problemas cuando lo uso para una animacion en el siguiente frame porque me muestra la precarga en 4%. Alguna idea de como solucionarlo?? Gracias nuevamente.


  • Por favor, mantenga el tópico de los mensajes en relevancia con el tema del artículo.
  • Lenguaje inapropiado será borrado.


Nombre:
E-mail:
Sitio Web:
Comentario:

Código:* Code

 
Delicious
Mister Wong
< Anterior   Siguiente >

Suscribirse por feed


Suscribirse por e-mail

Tu dirección de correo