Bueno no soy muy blogero, de hecho no se ni como hacer que esas imágenes al ponerse sobre ellas les den clic para hacerlas grandes, pero acá les va
Crearemos un Preloader hecho solo con números en Flash con Action Script 2.0, el cuál dependiendo del diseño hace ver la página web más elegante y no con la barra tan común hoy en día (aunque este es igual común pero más bonito) pueden existir varias maneras de hacerlo, yo lo hago así:
Hay que recordar que el preloader se coloca solo en el primer frame de la película flash. En el layer de acciones (el cual es recomendable hacer siempre) le colocaremos una acción de Stop
como se ve en la imagen
Siempre coloquen el nombre a cada capa, yo no lo hice por que se me olvido
Con respecto al Movie Clip (es decir lo que será nuestro preloader de números)
El asunto es el siguiente
Crean un movieClip y le colocan un nombre
Dentro de ese movie Clip lo que harán es hacer 2 layers
Layer 1: Tendra todos los números del 1 al 100 repartidos un número por keyframe es decir tendrán un total de 100 keyframes
Como se ve en la imagen
El Layer 2: tendra un acción de Stop en cada frame, es decir 100 stops
Luego regresan a la escena principal y le colocan un nombre de instancia a este movie clip que crearon, puede ser cualquiera en mi caso le coloque preloader
El Código Action Script:
Bueno no se mucho de programación, pero lo que hay que hacer es lo siguiente
Dan Clic sobre el MC (Movie CLip) llamado Preloader y se van al menú de acciones (F9) allí van a escribir el siguiente Action Script
onClipEvent (enterFrame) {
total = this._parent.getBytesTotal();
loaded = this._parent.getBytesLoaded();
loading = Math.round((loaded * 100)/total);
this.gotoAndStop (loading);
if (loading>=99) {
this._parent.play();
}
}
En resumen lo que le dicen es que cada vez que ese movie clip se reproduzca (onClipEvent (enterFrame)) se reproducirán las variables colocadas (total, loaded, loading) Loading es una operación matematica equivalente a la cantidad de la variable loaded x 100 entre la cantidad de la variable Total
Luego le decimos que si esta variable loading es mayor o igual a 99 entonces que haga play al siguiente Frame, en nuestro caso solo hay dos frames
Lo pueden copiar y pegarselo al Movie Clip
Que va a cargar?
Pude cargar un frame o una página web entera, en nuestro caso nuestra película solo cuenta con dos frames, el preloader y la foto a cargar
si solo cargan una foto, recuerden colocar en el layer de acciones en el mismo frame de la foto una acción de stop para que no se vaya a regresar al frame 1 donde esta el preloader
Eso es todo, espero se haya entendido, sino aca les dejo el archivo de muestra
y el original lo descargan de acá
No hay comentarios:
Publicar un comentario