Tabla de contenido:

Cómo hacer un precargador en Flash: 5 pasos
Cómo hacer un precargador en Flash: 5 pasos

Video: Cómo hacer un precargador en Flash: 5 pasos

Video: Cómo hacer un precargador en Flash: 5 pasos
Video: Tutorial Preloader en Flash 2024, Mes de julio
Anonim
Cómo hacer un precargador en Flash
Cómo hacer un precargador en Flash

Decidí hacer esto i'ble porque NO PUEDES CREER cuántas personas preguntan, "¡¡¡omgzorz cómo hago flash! 1 !!! one!" Es muy molesto. Muy bien, comencemos. Cosas que necesita: Flash (estoy usando CS3, pero puede usar MX-CS4) Una computadora Una prueba de flash / copia completa (que puede obtener aquí) Obviamente, abra Flash y cree un nuevo archivo Flash. Estoy usando Actionscript 2, por cierto.

Paso 1: agregar capas

Agregar capas
Agregar capas

Primero, tenemos que agregar 2 capas a la línea de tiempo. Uno llamado "Acciones" en la parte superior, y otro llamado … "Texto" o "Barra" o "Cosas". A continuación, debemos agregar un fotograma clave a la capa de acciones y un fotograma a la otra capa. Luego, tome la herramienta Texto (T) y seleccione Texto dinámico del cuadro desplegable en el cuadro de propiedades, probablemente ya tenga seleccionado "Texto estático". Ahora, dibuja un rectángulo con la herramienta Rectángulo (R). asegúrese de que el relleno no sea blanco. Haga el relleno del rectángulo que acaba de hacer un clip de película haciendo clic en él una vez y presionando F8. Asígnele un nombre y asegúrese de que esté seleccionado "Clip de película" y que el Punto de registro esté en la parte superior izquierda antes de presionar OK. ESTA PARTE ES IMPORTANTE Seleccione el clip de película que hizo y, en el cuadro de propiedades, verá un cuadro de texto que dice "Nombre de instancia". Escriba loadBar. Presione Enter Luego, seleccione el cuadro de Texto Dinámico que creó anteriormente y vaya al Cuadro de Propiedades. Debería ver el cuadro de texto del nombre de la instancia nuevamente, haga clic en él. Esta vez, escriba textBox. Presione Entrar.

Paso 2: ¡Tiempo de codificación

¡Tiempo de codificación!
¡Tiempo de codificación!

Ahora, vaya a la capa "Acciones". Haga clic en el primer fotograma. Presione F9 y ESCRIBA (NO copie y pegue simplemente, vagabundo vago. Si lo hace, nunca aprenderá esto, que es el punto): percent = Math.round (getBytesloaded () / getBytesTotal ()) * 100; textBox.text = percent + "%"; loadBar._xscale = percent; Explicaré esta línea de código por line.percent = Math.round (getBytesloaded () / getBytesTotal ()) * 100; Crea una variable que divide el porcentaje del flash ya cargado por el tamaño total del archivo flash, luego lo multiplica por 100 y lo redondea. textBox.text = percent + "%"; Muestra el porcentaje de la variable en el cuadro de texto dinámico que creó.loadBar._xscale = percent; Cambia la escala x del rectángulo de acuerdo con el porcentaje.

Paso 3: ¡Más codificación

¡Más codificación!
¡Más codificación!

Ahora, haga clic en el segundo fotograma clave de la capa "Acciones". Presione F9. ESCRIBA esto. Nuevamente, no copie y pegue, no lo aprenderá. Ni siquiera es tanto. Lazy bum.if (percent == 100) {gotoAndPlay (3);} else {gotoAndPlay (1);} Explicación: if (percent == 100) {Esto dice si (condición) la variable porcentaje es igual a 100 (flash se termina de cargar), luego … gotoAndPlay (3); Ir al cuadro 3.} else {Si la declaración if no es verdadera, entonces … gotoAndPlay (1); Ir al cuadro 1.} Cierra la declaración if. Este código hace un "bucle" hasta que el flash está completamente cargado. Si el porcentaje variable no es igual a 100, sigue volviendo al cuadro uno hasta que lo sea. Se trata básicamente de comprobar si el flash está cargado hasta que lo esté.

Paso 4: un paso más …

Un paso más…
Un paso más…

Ahora, simplemente seleccione el cuadro 3 y presione F6. Agregue su contenido, ya sea una animación, un sitio web o una imagen. ¡BUEN TRABAJO! ¡Acabas de hacer un precargador!:D

Paso 5: ¡Listo

¡Hecho!
¡Hecho!

Disfrute de su precargador, comente lo bueno que fue o lo malo que fue. Dime cualquier problema que hayas tenido. Califica, por favor.

Algunas próximas novedades podrían ser … oh, no lo sé. haciendo un juego. una página web. nadie lo sabe… ¡Gracias por verlo!

Recomendado: