En la web existen miles de tutoriales sobre precarga, ¿porqué no uno mas? :P
Si quieren ver como queda pueden hacer click aquí .
En el escenario con la herramienta rectángulo (r) van a dibujar un rectángulo, lo arman del color que quieren con los colores que mas le gusten. Ahora deben separar el relleno y el contorno del rectángulo. Al relleno lo convierten en un movieclip, le dan el nombre de instancia barra (van al panel propiedades y ponen barra en el espacio que dice "nombre de instancia") y lo ponen en una capa llamada también barra.
Por otro lado al contorno también lo convierten en movieclip, le dan el nombre de instancia contorno y lo ponen en otra capa llamada contorno. Tengan en cuenta que la capa contorno debe estar arriba de la capa barra . Además deben alinear los dos moviclips para que queden superpuestos (si esto lo hacen mal después se van a dar cuenta y lo van a corregir). Por ultimo ponen los dos Movieclips en la parte de la escenario que quieran. Luego agarran la herramienta texto (t) y crean un campo de texto dinámico, le ponen la fuente, el tamaño y el color que quieren. Traten de hacerlo mas o menos para que entre en su interior al menos 20 letras. Luego al campo de texto le dan el nombre de instancia status. Fin del dibujo. Ahora aprietan F9 para abrir el panel de acciones y escriben el siguiente código en le fotograma 1:
Código:
//funcion al entrar al primer fotograma onEnterFrame = function () { //vinculo una variable con el peso cargado de la película var cargado = this.getBytesLoaded(); //vinculo otra variable con el peso total de la película var total = this.getBytesTotal(); //hago el porcentaje var porcentaje = cargado/total; //creo una variable vinculada con el MC barra var barra:MovieClip = this.barra; //creo una variable vinculada con el MC contorno var contorno:MovieClip = this.contorno;
//le digo que el ancho de contorno debe ser de 170 pixeles, este valor lo pueden cambiar dependiendo del tamaño en ancho que quieran su barra contorno._width = 170; //Le digo que barra valla cambiando su tamaño a medida que se va descargando la película, fijense que el tamaño del contorno y el numero multiplicado es el mismo, en este caso 170 barra._width = porcentaje*170;
//Le digo que ponga el texto CARGANDO y el porcentaje de carga en el campo de texto status status.text = "CARGANDO "+Math.round(porcentaje*100)+"%";
//Condicional: si cargado es igual a total y además total es mayor a 4, hago que la película valla al fotograma 2 if (cargado>=total && total>4) { _root.gotoAndPlay(2); //Finalmente le digo que borre de su memoria todo lo hecho hasta acá, esto es para una mejor optimización. delete onEnterFrame; } };
Luego en el segundo fotograma ponen el contenido que quieran mostrar. Por ultimo abren de nuevo el panel de acciones (F9) y escriben en este segundo fotograma:
Código:
stop();
Esto es para asegurarnos que va a parar la película, lo pude haber hecho en el anterior fotograma pero como soy desconfiado prefiero ponerlo acá asi me aseguro que realmente va a parar :D
Comentarios (3)
