PDF de programación - Galeria con botón de Rewind - Curso Flash CS3

Curso: FLASH CS3 – Nivel: II


Galeríacon botón de Rewind.

Lo primero es crear el movieclip con las fotos. El movie clip en total debe ser más ancho que el
área trabajo. para ellos importamos las 12 fotografías y las convertimos cada una en movie clip
(f8). Luego de alinearlas y distribuirlas las seleccionamos todas y las metemos dentro de un gran
movieclip.

Luego animamos nuestro gran movieclip para que corra de lado a lado desde la foto 1 a la foto 8
en 80 cuadros.



Insertamos un nuevo layer para los botones



Vamos a diseñar entonces dos botones. Uno para adelantar y otro para retroceder. Vamos a
ponerles nombres de instancia “adelante” y “atras” a fines de programación



Elaborado por : Lic. Gerardo Márquez Moreno.



Pag 1





Curso: FLASH CS3 – Nivel: II


Seleccionamos la galería y en la ventana de Propiedades (Properties) seleccionamos Cache as
Bitmap en CS4 o Use as Runtime Bitmap en CS3.

Insertamos otro layer para la máscara degradada.



En este layer vamos a crear una máscara que hará transparentar por medio de un
degradado los bordes de la galería. Creamos un gran rectángulo que abarque



todo el stage.

Le ponemos como tipo de relleno, un degrado
lineal en la ventana de color. Y modificamos el
degradado:

Trasparente – sólido – sólido – transparente.



Este degradado los convertimos en un movie clip y le
damos nombre de instancia “mascara” y activamos la
casilla de use as runtime bitmap en la ventana de
propiedades. A la galería también le ponemos nombre de
instancia “galeria”



Insertamos un layer para los action Scripts

Seleccionamos el Frame 1 y escribimos el
siguiente código:



Elaborado por : Lic. Gerardo Márquez Moreno.



Pag 2





Curso: FLASH CS3 – Nivel: II

delete onEnterFrame;
}

onEnterFrame = function(){


if(currentFrame == 80) {


}


Código para la Galería Rewind:

// evitamos que arranque a reproducir.
stop();
//este código coloca la máscara degradada
galeria.setMask("mascara");
//estos son los códigos para el botón adelante
adelante.onPress = function(){



adelante.onRelease = function(){


//Codigos para el botón atras
atras.onPress = function(){



atras.onRelease = function(){
delete onEnterFrame;


}

delete onEnterFrame;
}

nextFrame();
}

prevFrame();
}

onEnterFrame = function(){


if (currentFrame == 1){


}

delete onEnterFrame;
}

Elaborado por : Lic. Gerardo Márquez Moreno.



Pag 3