Precarga básica Flash

paso 1

Abrimos el panel de escenas con shift+F2 y creamos 2 escenas, la primera la llamaremos precarga y la segunda principal.




Paso 2

En la escena llamada precarga creamos un rectángulo aproximado de 200 pixeles de ancho por 10 pixeles de alto y separamos en dos capas el contorno del relleno.



Paso 3

el rectángulo del relleno lo convertimos en un movieclip seleccionándolo y oprimiendo F8, en la ventana de símbolos lo llamaremos mcBarraCarga de tipo movieclip y pondremos su
registro al centro del lado izquierdo.



Paso 4

una vez creado el movieclip le pondremos como nombre de instancia barraCarga_mc



Paso 5

creamos una tercer capa llamada cargaTexto y le añadimos un objeto de texto con las propiedades de texto dinámico y nombre de instancia cargaTexto_txt.



Paso 6

creamos una cuarta capa la cual llamaremos acciones. Una vez hecho esto con F5 le añadimos a todas las capas un fotograma más.



Paso 7

Seleccionamos el primer fotograma de la capa de acciones y abrimos el panel de acciones con F9.

Paso 8

Escribimos las líneas siguientes.


var amountLoaded:Number = _root.getBytesLoaded() / _root.getBytesTotal(); barraCarga_mc._width = amountLoaded * 200; cargaTexto_txt.text = Math.round(amountLoaded * 100) + "%";

Explicando el código

con esta primer línea le damos valor a la variable amountLoaded el cual divide los bytes cargados entre los bytes totales.

var amountLoaded:Number = _root.getBytesLoaded() / _root.getBytesTotal();

Con esta segunda línea le indicamos a la barra de carga el ancho que debe tener al ir cargando, la cual multiplica el valor cargado por el tamaño de nuestra barra.

barraCarga_mc._width = amountLoaded * 200;

Con esta tercer línea le indicamos al campo de texto que escriba el valor que llevamos multiplicándolo por 100 para sacar el porcentaje y lo convertimos a enteros con Math.round añadiendo el símbolo de % al final.

cargaTexto_txt.text = Math.round(amountLoaded * 100) + "%";

Paso 9

Seleccionamos el segundo fotograma de la capa de acciones y escribimos las líneas siguientes.

if (_root.getBytesLoaded() == _root.getBytesTotal()) { gotoAndPlay ("principal",1); } else { gotoAndPlay(1); }
Explicando el código

Con la condición if indicamos que si el valor de la carga es igual al valor total de la misma nos lleve al fotograma 1 de la escena principal.
Con else indicamos que si no se ha cargado el total se regrese al fotograma 1 hasta que se cargue todo.

Nota:

Si tu película es un loop infinito, es importante crear al final de la escena principal una acción que regrese al fotograma 1 de la escena principal, de esta manera no se va de nuevo a la precarga.