Cómo hacer una precarga en Actionscript 3

Por: Zguillez

5 de Noviembre del 2006

6416 de clabLevel
Otros artículos de Zguillez

47,082 visitas

actionscript_3

Algún día tenía que llegar y aquí está: El tutorial del preload en Actionscript 3...
El ejemplo que les mostraré será de como añadir un preload al _root de la película principal.
Recuerda que tambien hay un preloader en Flash del normal, por si aún no te pasas a AS3.

Para este tutorial debes haber visto el tutorial basico de Actionscript 3.

Empezaremos creando una clase que llamaremos "PreloadBasico.as", que guardaremos dentro de la carpeta "preloads", que a su vez estará dentro de nuestra carpeta de clases AS3.

Una vez creado el archivo .as abriremos el panel de propiedades de publicación (CTRL+SHIFT+12), y en opciones de actionscript 3 le asignaremos la clase al documento.



En el .FLA montaremos una pelicula con dos fotogramas. El primer fotograma lo dejaremos vacío y solo colocaremos un stop(). En el segundo colocaremos todo el contenido.



Escribiremos la clase "PreloadBasico.as":

Código :

package preloads
{
   public class PreloadBasico extends MovieClip
   {
      public function PreloadBasico ()
      {
      }
   }
}

Código :

import flash.display.Stage;
import flash.display.MovieClip;
import flash.display.Shape;
import flash.text.TextField;
import flash.events.*

Código :

   public class PreloadBasico extends MovieClip
   {
      private var texto:TextField;
      private var marco:Shape;      
      private var barra:Shape;
      //----------------------------------------
      public function PreloadBasico ()
      { 
         dibujaPreload();
         posicionaPreload();
      }
      //----------------------------------------
      public function dibujaPreload() {
         texto = new TextField();
         marco = new Shape();
         barra = new Shape();
         marco.graphics.lineStyle(1, 0x000000);
         marco.graphics.drawRoundRect(0, 20, 70, 5, 0);
          barra.graphics.beginFill(0x000000);
          barra.graphics.drawRect(0, 20, 70, 5);
          barra.graphics.endFill();   
         addChild(texto);
         addChild(marco);
         addChild(barra);
      }
      //----------------------------------------
      public function posicionaPreload() {
         texto.x = marco.x = barra.x = stage.stageWidth /2 - marco.width /2
         texto.y = stage.stageHeight /2 - texto.height /2
         marco.y = barra.y = texto.y + 5
      }
   }

Código :

   public function PreloadBasico ()
      {   
         dibujaPreload();
         posicionaPreload();
         this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, onLoadProgress);
         this.loaderInfo.addEventListener(Event.COMPLETE, onLoadComplete);      
         //----------------------------------------
         function onLoadProgress (event:ProgressEvent):void
         {
            var cargado:int = event.bytesLoaded;
            var total:int = event.bytesTotal;
            var porcentaje:int = cargado/total*100;
            texto.text = "Cargado: "+String(porcentaje)+"%";
            barra.width = porcentaje*marco.width/100;
         }
         //----------------------------------------
         function onLoadComplete (event:Event):void
         {
            removeChild(texto);
            removeChild(marco);
            removeChild(barra);
            nextFrame();
         }
      }

Artículos Relacionados

• Cómo abrir una ventana PopUp en ActionScript 3
• Deshabilitar todos los botones interiores de un MovieClip
• Obtener información de la dirección URL desde Actionscript 3

actionscript_3

Aleluya, ya se hacia esperar este tip es genial Zguillez
De seguro muchos lo incluirán del tirón en sus proyectos....
Por: MorphX

daidalos_blog :

(emote de diseñador a punto de ataque de pánico)

¿Será alguno de estos?:


O quizas:
Por: Freddie

Hector_blog :

Menopause Vagina Relief
Europe's leading menopause product change your menopause-not your life

Cooompletaamente relevantes. ¿Imaginas todo el "relief" que necesitarás despues de hacer un preload en AS3?
Por: Freddie

.

Genial forma de comenzar a usar el as3.

PD: Que pena que aún tengo que empezar a verlo
Por: Lunatic_blog

Aunque suene raro, y aunque no conozco las propiedades y funciones y demás cosas nuevas de AS3, he podido entender al leer el código, tiene más lógica y sentido que el AS2...

soy yo, o me estoy volviendo loco?


Por: J O S

         addChild(texto);
         addChild(marco);
         addChild(barra);

   this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, onLoadProgress);
         this.loaderInfo.addEventListener(Event.COMPLETE, onLoadComplete);

asuuusta nooo apenas voy por el AS1 y ya van por el tres, clases, y mas clases, ahhhh
Por: Karloz_blog

quiero ver el ejemplo Sr. Zguilleeeeeeeeeeezzzzzzzzz
Por: Loon

buenisimo, a mi me anda de lujo.. pero tengo un problemilla..
por ejempplo, tengo un "estado" al cual le asigne la clase "cestado", la cual extiende "PreloadBasico", tiene un frame "limpio" al comienzo con el "stop", y todo anda al lope, aurora bien, cuando lo uso de la siguiente forma, el objeto no me anda (si el preloader), es un cuadro donde se muestran varios estados (ej. un personaje), y no puedo acceder a "las cosas de adentro", es decir TextField's y otros chucos.. si le saco el frame al comienzo, anda perfecto, pero no el preloader.
ah.. va el ejemplo:

var miestado= new Loader();
miestado.load(new URLRequest(la_uri));
miestado.contentLoaderInfo.addEventListener(Event.COMPLETE, evento_estado_cargado);
addChild(miestado);

luego de lanzar `evento_estado_cargado`, se detiene la ejecucion y no hace mas nada..

se que es un post algo viejo, pero si alguien tiene alguna idea.. agradezco.. saludos y buen tip !
Por: gonzalo_blog

Tarde o temprano tenia que suceder asi que a asimilar esta información y a ponerse a practicar
Por: flashreloco