Crear una ActionScript 3 navegación animados de Flash no sólo agrega interactividad a su sitio web, sino que también permite a los usuarios saber dónde están. Las formas de añadir animación a la navegación está limitada sólo por la imaginación , pero para empezar , se creará una simple pelota que sigue el puntero del ratón a lo largo del menú de navegación. Esta lección también utiliza arrays , para aquellos de ustedes que son nuevos en arrays, esto es una gran manera de conseguir sus pies mojados . Instrucciones
1
Open Flash y haga clic en " Archivo", " Nuevo" y luego haga clic en " Archivo de Flash ( ActionScript 3.0 ) " en el menú de retirada . Haga clic en la herramienta Rectángulo de la barra de herramientas, y mientras mantiene pulsado el ratón , arrastre por el escenario para dibujar un rectángulo . Haga clic en la herramienta Texto y escriba " Play" en la parte superior del rectángulo.
2
Click tanto en el rectángulo y el texto " Play" para resaltarlos. En el menú principal , haga clic en "Modificar ", después haga clic en "Convertir a New Symbol " en el menú desplegable. Haga clic en el cuadro radial "Button" y escriba " reproducirMC " para el nombre.
3
Haga clic en " Ventana " en el menú principal y luego haga clic en "Propiedades" y luego en "Propiedades" de nuevo desde el menú desplegable. Con su fondo y texto todavía destacaron , escriba " home_btn " en el campo Nombre de instancia en el panel de propiedades.
4 Haga clic en " Insertar Capa " en la parte inferior de la línea de tiempo, y el nombre " botones " . Haga clic en la herramienta Texto en la barra de herramientas. En el panel Propiedades , haga clic en " Texto estático ". Escriba los títulos de navegación , tales como "Home ", "Acerca de" y " Contacto ".
5
Haga clic en " Inicio " y haga clic en " Convertir en símbolo " en el menú desplegable. El nombre de " Inicio ", haga clic en " botón " para el tipo de símbolo y, a continuación , en la fila de registro inferior, haga clic en la casilla de verificación intermedia. Haga clic en " Aceptar".
6
Escriba " home_btn " para un nombre de instancia en el panel Propiedades . Repita este proceso para todas sus líneas de navegación . Dé a cada instante un nombre único, como " contact_btn . "
7
Haga clic en " Insertar Capa " en la parte inferior de la línea de tiempo , y el nombre de " animar ". Haga clic en la herramienta Óvalo de la barra de herramientas y dibujar un balón en el escenario por la celebración de su ratón y arrastrando . Coloque la bola debajo del botón " Inicio " .
8
Haga clic en la pelota y luego haga clic en " Convertir en símbolo " en el menú desplegable, el nombre de " ball_mc " y haga clic en " Movie clip " para el tipo de símbolo. Haga clic en " Aceptar".
9
Haga clic en " Insertar Capa " en la parte inferior de la línea de tiempo, y el nombre de " AS3 . " Haga clic en el fotograma 1 de la capa Acciones y luego haga clic en "Acción " en el menú desplegable. Escriba el siguiente código: .
Importación fl.transitions.Tween ;
importación fl.transitions.easing * ;
/* Cambiar nombres btn según sea necesario * /
var buttonsArr : Array = new array ( home_btn , contact_btn ) ;
var linkArr : Array = new array () ;
/* Cambiar la dirección de navegación (var i: uint = 0 ; i < buttonsArr.length , i + + ) {
buttonsArr [ i ] addEventListener ( MouseEvent.ROLL_OVER , moveFollow ) ;
buttonsArr [ i ] addEventListener . . ( MouseEvent.CLICK , clickURL ) ;
}
moveFollow función (event: MouseEvent ) : void {
nueva Tween ( ball_mc , "x" , Strong.easeOut , ball_mc.x , event.currentTarget.x , 1 , true) ; }
clickURL función (event: MouseEvent ) : void {for (var j: uint = 0 , j < linkArr.length ; j + + ) {
if ( event.currentTarget == buttonsArr [ j ] ) {
navigateToURL ( nueva URLRequest ( linkArr [ j ])) ;} } }