Tutoriales en la Web

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

Code block

onSelfEvent (enterFrame) {
 
myVar = percentLoaded();
 
percent = myVar +"%";
 
tellTarget (bar) {
 
gotoAndStop(myVar);
 
}
 
if (myVar >= 100) {
 
gotoSceneAndPlay("Scene_1", 1);
 
}
 
}
 
onFrame (1) {
 
stop();
 
}

Preloader con Swishmax con avance similar

PASO 2

Vamos a sustituir ese código por el este otro:

Code block

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.

Preloader con Swishmax con avance similar

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.

Preloader con Swishmax con avance similar

PASO 4

En la ventana Outline damos Click derecho y vamos a Grouping – Group as Movie Clip.

Preloader con Swishmax con avance similar

PASO 5

En la ventana properties le colocamos el nombre de Load.

Preloader con Swishmax con avance similar

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.

Preloader con Swishmax con avance similar

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.

Preloader con Swishmax con avance similar

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.

Preloader con Swishmax con avance similar

Articulos relacionados:

Tags: Actionscript