Zips del Conocimiento - Creando precargas en Flash vistosas en 1 minuto

Pues esa es la idea, crear precargas lindas y vistosas en solo un minuto ¿Cómo hacerlo?, bueno ahora lo explico. Aquí algunos modelos que podemos crear. Si te gustaron los modelos, seguí leyendo y veras lo fácil que es!

Lo primero que haremos será ir a AjaxLoad y crear el GIF animado que actuará como nuestra precarga. Allí tendremos miles de colores y formas posibles. Hay que tener en cuenta en poner el mismo color de fondo que nuestro escenario en Flash, en este ejemplo el fondo del GIF y el fondo del escenario es #FFFFFF (blanco)

Una vez creado el GIF, lo descargaremos pulsando el botón Dowload it. Luego abriremos Flash y crearemos un símbolo llamado precarga

Entraremos al modo de edición. Luego iremos a Archivo>Importar>Importar a Escenario y escogeremos el GIF creado anteriormente. Cerramos el símbolo y vamos al escenario.

Abrimos la biblioteca y soltamos el símbolo recién creado al escenario. Si lo deseamos podemos añadir un pequeño campo de texto dinámico llamado status, en el cual mostraremos el porcentaje de carga.

Abrimos el panel de Acciones y en el primer fotograma escribimos el código visto en el Tutorial barra de precarga, pero más reducido, para que solo muestre el porcentaje de carga.

Código:

onEnterFrame = function () {
var cargado = this.getBytesLoaded();
var total = this.getBytesTotal();
var porcentaje = cargado/total;
status.text = Math.round(porcentaje*100)+"%";
if (cargado>=total && total>4) {
this.gotoAndStop(2);
delete onEnterFrame;
}
};

Lo único que queda es añadir el contenido en el fotograma 2 y ya tendremos todo listo!

----------------------------------------------------------------
Autor y Licencia de esta obra:
Leandro D´Onofrio - leandrodonofrio.com/tutoriales/flash/creando-precargas-vistosas-en-flash/
Licencia Creative Commons: es.gnu.org/licencias/fdles.html