Para comenzar este tutorial has de haber leído primero Precarga (I), en donde aprendimos a realizar una precarga sencilla usando getBytesLoaded y getBytesTotal.
En esta segunda parte vamos a aprender, partiendo de ese primer tutorial, a mostrar los Bytes totales, los Bytes cargados y el % de carga.
Vamos entonces directamente al turrón!!!
- Selecciona el movieClip "precarga", (la barra).
- Abre el panel de acciones.
Este es el código que encontrarás:
onClipEvent
(load) {
// cargamos el total de bytes de la peli
btotales = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
// ahora vamos a ir cargando los bytes de la peli...
bcargados = _root.getBytesLoaded();
// ...y si esto se cumple ...
if (bcargados>=btotales) {
// ...procedemos a ver la peli
_root.gotoAndPlay(2);
} else {
// pero hasta que lo anterior no se cumpla, vamos a ir aplicando
// el porcentaje cargado, a la barrita que hemos hecho.
porcentaje = (bcargados/btotales)*100;
barrita._xscale = porcentaje;
}
}
Solo hemos de añadir una línea más al final de este código, justo antes de los dos últimos corchetes:
porciento = Math.floor(porcentaje);
¿Por qué?
Es sencillo, el valor de "porcentaje" lo obtenemos de dividir bcargados entre btotales y multiplicandolo por 100, pero el valor que obtenemos siempre tiene decimales, por lo que hemos de eliminarlos para que la información de enviamos al usuario sea "redonda", es decir, que los decimales, en este caso, no nos sirven para nada y los
eliminamos. Ver tutorial Aleatorios y redondeos.
Ahora llega la parte más sencilla pero la más importante ya que por mucho código que introduzcamos, si no mostramos el resultado no nos servirá de nada, al menos a nivel de información.
Mostrar los datos al usuario
Para mostrar todos estos datos que ahora tenemos al usuario, necesitamos crear varias cajas de "texto dinámico". Doy por supuesto que sabes hacerlas y me salto ese paso.
Crea tres cajas de texto dinámico en pantalla y asigna a cada una las siguientes variables:
- btotales
- bcargados
- porciento
Como estas variables están dentro del clip "precarga", no se te olvide asignar la ruta delante del nombre de la variable:
- precarga.btotales
- precarga.bcargados
- precarga.porciento