Precargar archivos en Flash

La clase MovieClipLoader de Flash permite precargar datos de forma ordenada y ofrece detectores de eventos para ejecutar acciones de acuerdo al progreso de la carga. La clase MovieClipLoader que esta especialmente preparada para cargar archivos SWF, JPG, GIF y PNG.

Cargando Flash

Utilizando la Clase MovieClipLoader
Para utilizar la clase MovieClipLoader es necesario utilizar un listener que nos permitirá detectar los eventos en el proceso de carga con lo cual podremos utilizar los eventos: onLoadStart para detectar el inicio de la carga, onLoadProgress para detectar el avance de la carga y onLoadInit que detecta que la carga se ha completado y el archivo cargado esta disponible.

Luego si tenemos una película flash en cual hemos creado un MovieClip llamado mcclip en la cual deseamos cargar el archivo Pic2.jpg, tendríamos el siguiente código.

  1. var mcload:MovieClipLoader = new MovieClipLoader();
  2. var mclist:Object = new Object();
  3. mclist.onLoadStart = function(clip:MovieClip) {
  4.     trace("Iniciar Carga")
  5. }
  6. mclist.onLoadProgress = function(clip:MovieClip) {
  7.     trace("Cargando...");
  8. }
  9. mclist.onLoadInit = function(clip:MovieClip) {
  10.     trace("Carga Completa")
  11. };
  12. mcload.addListener(mclist);
  13. mcload.loadClip("Pic2.jpg", mcclip);

Como se aprecia, estamos detectando el inicio, el proceso de carga y el fin de la carga lo cual nos ayudará en el proceso de esta imagen.

Agregando Porcentaje de Carga
El siguiente paso es mostrar el porcentaje de carga del archivo, para ello creamos un campo de texto en el centro de nuestra película llamado txtload. Luego para mostrar el porcentaje de carga tendríamos:

  1. var mcload:MovieClipLoader = new MovieClipLoader();
  2. var mclist:Object = new Object();
  3. mclist.onLoadStart = function(clip:MovieClip) {
  4.     txtload.text = "CARGANDO 0%"
  5. }
  6. mclist.onLoadProgress = function(clip:MovieClip, bload:Number, btotal:Number) {
  7.     txtload.text = "CARGANDO " + Math.round(100*bload/btotal) + "%";   
  8. }
  9. mclist.onLoadInit = function(clip:MovieClip) {
  10.    txtload.text = "";
  11. };
  12. mcload.addListener(mclist);
  13. mcload.loadClip("Pic2.jpg", mcclip);

Finalizando nuestro Precargador
Entonces ahora aprovecharemos los eventos de la precarga y haremos que una vez cargada la imagen la redimensionaremos al tamaño de nuestra película.

  1. var mcload:MovieClipLoader = new MovieClipLoader();
  2. var mclist:Object = new Object();
  3. mclist.onLoadStart = function(clip:MovieClip) {
  4.    clip._alpha = 0;
  5.    txtload.text = "CARGANDO 0%"
  6. }
  7. mclist.onLoadProgress = function(clip:MovieClip, bload:Number, btotal:Number) {
  8.    txtload.text = "CARGANDO " + Math.round(100*bload/btotal) + "%";
  9. }
  10. mclist.onLoadInit = function(clip:MovieClip) {
  11.    txtload.text = "";
  12.    clip._width = 400;
  13.    clip._height = 134;
  14.    clip._alpha = 100;
  15. };
  16. mcload.addListener(mclist);
  17. mcload.loadClip("Pic2.jpg", mcclip);

Para finalizar les dejo los archivos fuente de este ejemplo para que lo puedan descargar y realizar sus propias modificaciones.

Comentarios Total 4 comentarios


Infected
Publicado: 10/02/2008 10:05 pm

Vaya, muchas gracias por estos tutoriales que haces :) son muy útiles.


[…] Tutorial para Precargar archivos en Flash […]

Thomas
Publicado: 29/04/2009 5:46 pm

Me he descargado los archivos fuentes y estan vacios. Puede ser?

Nach
Publicado: 02/07/2009 10:26 am

A mí me pasa lo mismo. Me salen vacios

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)