Precarga en Flash

En este tutorial aprenderás a realizar el efecto de precarga en Flash . Lo que lograremos, es hacer que la película no se reproduzca mientras no se haya cargado completamente, y mientras tanto una barra de progreso mostrará lo que se ha cargado, también aprenderemos a colocar los bytes cargados, Kilobytes cargados, tiempo restante y velocidad de conexión.

Procedimiento:

Dibujar un rectángulo / convertirlo en símbolo (F8) / elegir la opción "Clip de película" (Movie Clip) / darle cualquier nombre. Haz doble clic sobre el Movie Clip, y en el panel Info, en x coloca 0. (así, si la barra está alineada con el punto x está en cero, esta crecerá de izquierda a derecha, si alineas la barra en el centro, esta crecerá hacia los lados).
Luego, anda a la escena principal y crea un nuevo clip de película (Ctrl. + F8) y llámalo "preloader". Dentro de este movie clip, selecciona la herramienta texto, y en el panel opciones de texto, elige: "texto dinámico", y crea el área de texto (aquí será donde se mostrarán los datos tales como el porcentaje, bytes cargados, etc). Elige las opciones "Línea única", y en variable coloca "output"(desmarca todos los checks). En el panel párrafo, elige centrado y en el de Carácter, las propiedades del texto (tamaño, fuente, etc.). Abre la Biblioteca y arrastra el símbolo de la barra anteriormente creada y en el panel de instancia dale el nombre "barra" (si prefieres puedes colocarlo sobre el texto dinámico, para que se vea la barra de progreso, y bajo ella se vean los datos). Una vez terminado esto pasas a la película principal, y desde la biblioteca arrastra "preloader" (lo que acabamos de crear).

Al fotograma 1 dale la acción stop (); para que la película esté detenida mientras se carga. Al segundo fotograma, colócale la etiqueta "inicio" (en el panel fotograma).

Ahora sí, selecciona el botón derecho sobre "preloader" / acciones (Actions) y le pones alguna de estas opciones dependiendo de lo que quieras mostrar:

Usuarios que han visto este tema también han visto...

- Integración de CSS dentro de Flash
- Crear un efecto de nieve en Flash
- Creación de un juego de pistolas en Flash
- Generar enteros aleatorios en Flash
- Tutorial validar usuario y contraseña en Flash

- Versión imprimible de este documento

- Enviar por e-mail este documento