Los preloaders en Flash pueden dar dolores de cabeza algunas veces, pero hay una funcionalidad oculta dentro del Flash Player ( el que salta para testear nuestra película pulsando CTRL+ENTER, por ejemplo) que te ayudará a resolver los problemas mucho más fácil. El visor de anchos de banda.

• 1. Abre tu película Flash y testéala para abrir la ventana de testeo (CTRL+ENTER)
• 2. Abre el menú Ver y activa Visor de anchos de banda.

• 3. El visor de anchos de banda lo verás ahora arriba de tu película.

Usando el visor:

Una vez abierto el visor, tienes muchas información a tu disposición. Observa que tienes todas las propiedades del SWF, incluido tamaño y tiempos de carga. Esta información es muy útil cuando estás intentando bajar el peso del archivo.

En cuanto al preloader, la propiedad más util en este caso es el gráfico frame por frame. La mayoría de los preloaders van del frame 1 al 2 y del 2 al 1 todo el rato hasta que todos los bytes se cargan y van hacia el frame 3. Prueba tu preloader frame por frame y asegúrate que tu actionscript se comporta correctamente. Puedes ver instantáneamente si tu película salta a un frame que no debería.

El problema más común al hacer un preloader.

La primera pregunta de todos los foros que hablar sobre los problemas de los preloaders es “Porqué no puedo ver mi preloader hasta que no está casi del todo cargado (70%-90%)?

La respuesta a esta pregunta es que hay poco o nada ya que cargar (bytes).

Consejo: En una nueva capa, añade 2 o 3 frames después de tu preloader, y pon una imagen de alta resolución en cada frame. Estó dará algo más de trabajo a tu preloader. Pon un stop() en el último frame. Nota: Asegúrate que no hay imágenes en el mismo frame que el preloader ( comúnmente en los primeros 2 frames ).

¡Como simular una carga!

Testea tu película y ve de nuevo al menú Ver. Ve a la opción Configuración de descarga y escoge una velocidad. Pulsa CTRL+ENTER para que empiece la película, y tu película Flash simulará la carga según la velocidad que le hayas indicado.

Usando el gráfico de fotograma en fotograma

La clave para un preloader que funcione bien es mantener el número de bytes del primer frame al mínimo. Tu preloader no mostrará ningún progreso hasta que toda la información y objetos del primer frame se hayan cargado (incluyendo Actionscript). Si tienes imágenes innecesarias o actionscript en el primer fotograma, que no serán útiles hasta más tarde en tu película, muévelos de frame o elimínalos.

Formas de mantener el tamaño bajo del primer frame

• 1. Intenta no usar imágenes.
• 2. Evita la animación frame por frame en tu barra de progreso, usa Actionscript por ejemplo.
• Ejemplo: movieClip_mc._width=percentloaded; (mira más abajo)
• 3. No importes objetos de Illustrator, dibújalas directamente en Flash.
• 4. Incorpora sólo los caracteres que necesitas (0123456789%, suficiente para la mayoría de casos)

Preloader Básico con actionscript:

Frame 1.

totalBytes = this.getBytesTotal();
loadedBytes = this.getBytesLoaded();
remainingBytes = totalBytes – loadedBytes
percentDone = int((loadedBytes/totalBytes)*100);
this.bar_mc._width = percentDone;
this.myText = Math.round(percentDone)+”%”;
if (_framesloaded == _totalframes) {
gotoAndPlay(3);
}

Nota del traductor: Se supone que hay un campo de texto dinámico que se llama myText y un mc rectangular que se llama bar_mc.

Frame 2

gotoAndPlay(1);

(libre traducción de bittbox)