Preloader en ActionScript 3

Por: nestorrente

4 de Septiembre del 2009

563 de clabLevel
Otros artículos de nestorrente

9,569 visitas

flash actionscript actionscript_3

Para aquellos que hayan visto mi tip sobre Cómo crear una precarga "inteligente" en AS3 y se hayan preguntado como crear una precarga simple (como aquélla que hacíamos en AS2), les dejo el código necesario:

Código :

//Paramos la reproducción
stop()
//Creamos una variable que represente el porcentaje de la descarga
var porcentaje:int
//Iniciar la función "cargaInteligente" mediante
//un escuchador mientras se carga la película
this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, precarga)
//Función "precarga" (calcula el porcentaje cargado)
function precarga(e:ProgressEvent){
   //bytes cargados
   var cargados:Number = e.bytesLoaded
   //bytes totales
   var totales:Number = e.bytesTotal
   //porcentaje de carga
   porcentaje = cargados*100/totales
}
//Iniciar la función "completado" mediante un
//escuchador cuando se ha cargado la película
this.loaderInfo.addEventListener(Event.COMPLETE, completado)
//Cuando la carga se haya completado...
function completado(e:Event):void{
   //Reproducimos la película)
   this.play()
   //Eliminamos los escuchadores
   this.loaderInfo.removeEventListener(ProgressEvent.PROGRESS, precarga)
   this.loaderInfo.removeEventListener(Event.COMPLETE, completado)
}
//
//Como extra, añadimos un código para que se muestre
//el "porcentaje" en un campo de texto del escenario
this.addEventListener(Event.ENTER_FRAME, mostrarPorcentaje)
function mostrarPorcentaje(e:Event){
   if(this.currentFrame == 1){
      //Mientras que el fotograma actual sea el 1
      //(que es donde debe situarse este código)
      porcentaje_txt.text = String(porcentaje) + "%"
   }else{
      //En caso contrario, eliminamos el escuchador
      this.removeEventListener(Event.ENTER_FRAME, mostrarPorcentaje)
   }
}

Código :

stop()
var porcentaje:int
this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, precarga)
function precarga(e:ProgressEvent){
   var cargados:Number = e.bytesLoaded
   var totales:Number = e.bytesTotal
   porcentaje = cargados*100/totales
}
this.loaderInfo.addEventListener(Event.COMPLETE, completado)
function completado(e:Event):void{
   this.play()
   this.loaderInfo.removeEventListener(ProgressEvent.PROGRESS, precarga)
   this.loaderInfo.removeEventListener(Event.COMPLETE, completado)
}
this.addEventListener(Event.ENTER_FRAME, mostrarPorcentaje)
function mostrarPorcentaje(e:Event){
   if(this.currentFrame == 1){
      porcentaje_txt.text = String(porcentaje) + "%"
   }else{
      this.removeEventListener(Event.ENTER_FRAME, mostrarPorcentaje)
   }
}

Tweet  

También te interesa

• El Graph API de Facebook y su integración con Flash
• Crear una precarga en Actionscript 3 con porcentaje
• Solución a error de Flash CS5 con TLF y Flashvars

flash actionscript actionscript_3

Muchas gracias por tu aporte nestorrente, me va a servir para una aplicación que estoy realizando en estos momentos!


Por: joel_fox

No copies el código, que ya está arriba, y ocupa bastante espacio (bueno, si tuvieras alguna duda, podrías copiar esa parte del código, pero ponla entre las etiquetas [ as ] y [ /as ]).

Hacer un preloader con varias escenas? A qué te refieres? Un fotograma es más que suficiente, y así es desde ActionScript 2
Por: nestorrente

      porcentaje_txt.text = String(porcentaje) + "%" 

      porcentaje_txt.text = "Cargando - " + String(porcentaje) + "%" 

krlotilla-blog :

En cuanto al preloader,en mi ordenador funciona perfectamente, pero al subir la web a la red sólo aparece 0% en el campo de texto y no varia durante la carga.

Mmm... gracias por el aviso. Miraré eso a ver si puedo solucionarlo
Por: nestorrente

me pasa igual que a krlotilla-blog...

aver si le echas un vistazo y dices que puede fallar, yo estoy en ello

merci
Por: pakman-blog

Tengo un problema con el codigo, aparece el porcentaje en la pantalla pero se quedan en 0% porqué sera ?
Por: Federico-blog