Controlador de Pre-Carga en Dos Escenas con Flash
Tutorial Flash 8 Controlador de Carga en dos Escenas (Cargador de Animaciones). Tal vez habrás experimentado con otros Tutoriales en los cuales se expone como hacer un Cargador Flash, sin embargo, muchas veces estos poseen demasiado código action script. El tutorial que estas apunto de comenzar a leer es de los más fáciles, para hacer un cargador flash, este cargador esta puesto en Dos Escenas, la primera escena es para el cargador y la segunda escena para la animación o película, que se quiera presentar en la web. Y sin más explicaciones ¿Comenzamos? ☺Good luck!!.☺
1-. Comenzar por hacer el documento sobre el cual se va a trabajar (ctrl. + J).
a)-. Las dimensiones del documento son 350 * 350 píxeles de ancho y alto.
b)-. El color de fondo es #FFFFFF.
c)-. La velocidad de fotograma usada en este tutorial es de 12 fps.
2-. Como se menciono al principio del tutorial se trabajaras en dos Escenas, para hacer visible el panel de Escena presionar (Shift + F2, o Ventana >> Otros paneles >> Escena).
a)-. Cambiar el nombre a la Escena por el de preloader.
3-. En escena se realizara la programación del cardador.
a)-. Primero cambiar el nombre de la capa por el de texto.
b)-. Insertar un campo de Texto estático y escribir una leyenda en este caso es Cargador, dar al texto el formato que más sea de tu agrade.
c)-. Tratar de centrar el texto en relación al tamaño del documento, las coordenadas para el texto son X = 62.0 y Y = 160.0.
4-. Ahora introducir un campo de Texto dinámico en este espacio es en donde aparecerá el porcentaje cargado de la película.
a)-. En la barra de Propiedades seleccionar la opción Var (Variable) y escribir en el espacio correspondiente txt.
5-. Insertar una segunda capa y cambiar el nombre por el de código.
a)-. Colocar un fotograma clave (F6) en el frame # 2.
b)-. Seleccionar el fotograma insertado luego abrir la barra de Acciones – fotograma e insertar el siguiente código action script.
kb=Int(this.getBytesLoaded()/1024);
bytestotal=Int(this.getBytesTotal()/1024);
porcentaje=Int((kb*100)/bytestotal);
txt=porcentaje+ ” % “;
if (kb<bytestotal) {
gotoAndPlay(1);
}
6-. Llego el la hora de insertar la segunda Escena (espero que no hayas cerrado la ventana de la Escena si fue así), hacer visible el panel de Escena (shift + F2).
a)-. Presionar el símbolo + (Añadir escena).
b)-. Cambiar el nombre de la escena por el de animación.
7-. En esta nueva Escena importar una imagen (ctrl. + R) de las mismas dimensiones que el documento o sea dimensiones de la imagen 350.0 * 350.0 píxeles de ancho y alto.
a)-. Colocar la imagen en coordenadas X = 0.0 y Y = 0.0.
8-. Seleccionar el fotograma y abrir la barra de Acciones – fotograma, luego insertar un stop(); con el fin de que la película no regrese a la primera escena.
Con esta acción queda concluido el tutorial espero que les resulte igual de fácil que a mi persona. ☺well done☺
P.D. Presionar ctrl. + Enter para visualizar el trabajo realizado (una vez publicada la película, es necesario presionar dos veces ctrl. + Enter para poder ver el cargador en funcionamiento), en la segunda escena puedes meter cualquier tipo de animación, imágenes, varios clips de película, etc. Entre más pesada sea la imagen o animación el cargador se podrá ver en todo su esplendor. ☺ Hasta muy pronto ☺
Comentarios
Qué opinas sobre este artículo ?, dejanos tu opinión . Tienes algo que agregar ? hazlo ahora.
Trackbacks & Pingbacks
Comentarios
Deja tu comentario
Las líneas y párrafos son automaticas, el e-mail no se despliega nunca, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Hola la verdad que el tutorial esta barbaro .. yo hago todos los pasos como estan aquí pero al previsualizarlo no anda …me da un error que dice así ………dobles estándar (rectas).
txt=porcentaje+ ”% “;..por favor si pudieran decirme que estoy haciendo mal se los agradecería …Fer
debes de cambiar las comillas lo que pasa es que solo copiastes el codigo debes de modificar las comillas “”.
espero te sirve de ayudas
imco tuxtepec..
Gracias por el turorial.
-FERNANDA, creo que el problema es que las comillas del codigo script estan al reves(”% “), asi que las cambie por(”%”), (sacarlas con Shift+2)y listo. espero te funcione, para mi si sirvió. Saludos.
no me quiso funcionar el texto… porque será?
en todo caso, muy buen tutorial, gracias!
Hoy he checado y realizado tres de los tutoriales y estan del uno son faciles de realizar y de comprender felicidades MUCHAS GRACIAS me han servido de gran ayuda espero algun dia “cuando ya sepa manejar bien flash” colaborar con ustedes
fernanda ponlo asi ‘%’ y funciona
Y como puedo hacer un pre carga pero con mas ecenas???
saludos!!
Hello, this is wonderful thank you very much
no me finciona me dice que hay un eror, y no entiendo muy bien si puedes me explicas mejor
Enhorabuena por el tutorial, sencillo y práctico.
Saludos!