Preloader con Swishmax con avance similar
Posteado el 23. Apr, 2010 por Webi in Actionscript, Desarrollo Web, Web Design
Esta es la respuesta que hizo Pablo en el tutorial Como hacer un cargador animado con Swishmax – Preloader
PASO 1
En el tutorial Como hacer un cargador animado con Swishmax – Preloader tenemos agregado siguiente código en el Preloader
onSelfEvent (enterFrame) {
myVar = percentLoaded();
percent = myVar +"%";
tellTarget (bar) {
gotoAndStop(myVar);
}
if (myVar >= 100) {
gotoSceneAndPlay("Scene_1", 1);
}
}
onFrame (1) {
stop();
}
PASO 2
Vamos a sustituir ese código por el este otro:
onFrame (1, afterPlacedObjectEvents) {
stop();
}
onSelfEvent (enterFrame, includingFirstFrame) {
p = percentLoaded();
percent = p+"%";
load.load._xscale = p;
if (p >= 100) {
nextSceneAndPlay();
}
}
Es bastante similar pero con la diferencia que el movimiento de nuestra barra la controlamos por medio del código.
PASO 3
Ahora vamos cambiarle de nombre a nuestro movie clip que contiene nuestra barra y le colocamos load y desmarcamos la propiedad Use Bottom object as mask y dejamos activa Stop playing at end.
PASO 4
En la ventana Outline damos Click derecho y vamos a Grouping – Group as Movie Clip.
PASO 5
En la ventana properties le colocamos el nombre de Load.
PASO 6
Desplegamos nuestro movie clip y vamos a cambiar un poco las cosas con nuestra barra, primero quitamos el movimiento que tiene y luego ajustamos la barra verde al centro y borramos la barra celeste.
PASO 7
Vamos a cerrar nuestro movie clip y vamos a la ventana Transform y vamos a colocar el punto de referencia de nuestro movie clip en el centro del lado izquierdo.
PASO 8
Ahora vamos a crear una forma solo con línea si color de relleno que este debajo del movie clip que contiene la barra.
LISTO con estas modificaciones tu cargador funcionara al unísono con el porcentaje de carga.
Recent Comments