Cargador de barra en actionscript.

Este es un Cargador (Preloader) que he realizado completamente en Actionscript, todo el código esta incluido en el primer frame de la pelicula y apartir del frame 2 se coloca el contenido que se desea cargar:

El frame uno:

this.createEmptyMovieClip("cargador", 1); cargador.onEnterFrame = function() { //variables del cargador var claseTex = 5 var ancho = 100 var alto = 5 var corchete = 2 var gap = 2 var posX = 100 var posY = 100 //posiciones de la carga de porcentaje, //arriba //pospX = (ancho/2)-(claseTex/2) //pospY = -alto-21 //abajo //pospX = (ancho/2)-(claseTex/2) //pospY = 5 //movi_arriba //pospX = porcentaje //pospY = -alto-21 //movi_abajo pospX = porcentaje pospY = 5 //variables de posición this._x = posX; this._y = posY; // creando la variable porcentaje ptotal = _root.getBytesTotal(); pdown = _root.getBytesLoaded(); porcentaje = (int((pdown/ptotal)*100)); // creando corchete this.createEmptyMovieClip("bar2", 3); this.bar2.lineStyle(1, 0x666666, 100); this.bar2.moveTo(ancho - corchete, alto + gap); this.bar2.lineTo(ancho + gap, alto + gap); this.bar2.lineTo(ancho + gap, -gap); this.bar2.lineTo(ancho - corchete, -gap); this.bar2.moveTo(corchete, -gap); this.bar2.lineTo(-gap, -gap); this.bar2.lineTo(-gap, alto + gap); this.bar2.lineTo (corchete, alto + gap); //creando barra this.createEmptyMovieClip("bar", 2); this.bar.beginFill(0x669900, 100); this.bar.moveTo(porcentaje*ancho/100, alto); this.bar.lineTo(porcentaje*ancho/100, 0); this.bar.lineTo(0, 0); this.bar.lineTo(0, alto); this.bar.lineTo(alto, alto); this.bar.endFill(); // creando cuadro de texto this.createTextField("pFeld", 1, pospX, pospY, claseTex, claseTex); this.pFeld.autoSize = "center"; this.pFeld.selectable = false; this.pFeld._y += (alto); this.pFeld.border = false; // creando formato del texto this.mForm = new TextFormat(); this.mForm.font = "Arial"; this.mForm.size = 10; this.mForm.bold = true; this.mForm.color = 0x353535; //asignando porcentaje al cuadro de texto this.pFeld.text = porcentaje+" %" //aplicando el formato al cuadro de texto this.pFeld.setTextFormat(this.mForm); // finalizando cargador if (ptotal == pdown) { cargador.removeMovieClip(); _root.nextFrame(); } };

el frame dos:

stop();

Las variables iniciales nos darán las caracteristicas de nuestro preloader:

var claseTex = 5      // Posición del numero de porcentaje respecto a la barra de carga
var ancho = 100      // longitud de la barra de carga
var alto = 5            // altura de la barra de carga
var corchete = 2      // ancho del corchete, aumentando este valor se puede encerrar en un rectangulo en lugar de un corchete
var gap = 2           // espacio entre el corchete u la barra de carga
var posX = 100      // posición x del preloader
var posY = 100      // posición y del preloader

El funcionamiento es muy sencillo:

Se crea primero un clip de pelicula que es el que contendrá nuestro preloader, en la función cargador se encuentra todo el código del preloader que es llamado onEnterFrame, las lineas comentadas...

//arriba
//pospX = (ancho/2)-(claseTex/2)
//pospY = -alto-21
 
//abajo
//pospX = (ancho/2)-(claseTex/2)
//pospY = 5
 
//movi_arriba
//pospX = porcentaje
//pospY = -alto-21

son para colocar el numero de carga en diferentes posiciones aunque predeterminadamente deje...

pospX = porcentaje
pospY = 5

El resto del código lo he comentado, gracias y que les sea util :).