TUTORIALES FLASH

Manejo de Botones y Escenas

Por Kitsch, http://www.forocreativo.net/

Algo que es realmente basico en los entornos flash es la creacion y utilizacion de los botones para el control de la pelicula, sobre todo si es una presenteacion o un sitio web. Aqui les dejo un tuto explicando lo basico de estos, ademas de como controlarlos y agregarles sonido y animaciones de roll over.

Comenzamos creando nuestra pelicula, a la cual le metemos un 'preloading' en la primera escena y creamos despues otras dos escenas.

Despues creamos una animacion pequeña o lo que seria nuestro intro o nuestro primer contenido.

Pasamos ahora a los botones: Insertar > Nuevo Simbolo > Boton con esto nos manda una entorno de boton y con una linea de tiempo un poco diferente.

Aparece en la barra de tiempo cuatro frames, Reposo, Sobre, Presionado, Zona Activa;

• Reposo: El estado del boton cuando no esta en uso
• Sobre: Como se mostrara el boton cuando pase el raton por el
• Presionado: Cuando se presione sobre el
• Zona Activa: El area que cubrira el boton.

Comenzamos en la primera capa creando un texto para nuestro boton. Despues presionamos F6 para insertar una copia de este texto en fotograma 'Presionado' y le cambiamos el color. Despues presionamos de nuevo F6 3 veces para pegar el texto hasta el fotograma 'Zona Activa' en este presionamos 'R' para crear un rectangulo al rededor del texto.

Ahora creamos una nueva capa la que llamaremos animacion y la situamos debajo de la del texto. Presionamos F7, para insertar un fotograma clave en blanco. Nos ponemos en el fotograma presionado y le agragamos un MovieClip el que se mostrara cuando se pase por ahi el mouse. Nuestro MC debe estar solo en el fotograma Presionado.

Creamos otra capa y le damos el nombre de sonido; Importamos un sonido a nuestra biblioteca (Ctrl+R) y en el fotograma Presionado le damos las siguientes propiedades:

Con esto ya tenermos terminado nuestro boton de 'continuar', repetimos los mismos pasos para el de 'regresar'.

Ahora que ya contamos con los botones y el contenido, es hora darles orden.

Primero abrimos nuestro panel de Escenes (Mayus+F2) y nombramos las escenas, (esto para lograr anclajes y no tener problemas despues) Escena1=cargador, Escena2=uno, Escena3=dos.

Una vez esto nos poscisionamos en el ultimo fotograma de nuestra animacion y bien donde se deteniene la escena, insertamos el boton de la biblioteca (Para abrir la biblioteca Ctrl+L) e insertamos una nueva capa la que se llamara boton. Aqui pegamos nuestro boton y le damos el siguiente escript:

En codigo anterior la funsion 'gotoAndPlay' hace la llamada a la escena 'dos' «el nombre de la escena» y 'star' que es el nombre del fotrogama.

Nos vamos a nuestra escena 3 (ahora llamada 'dos') y repetimos el proceso, solo que esta vez cambiamos los datos de la llamada a:

Y listo, con esto ya controlamos nuestra pelicula entre escena y escena. Se puede suprimir el primer parametro que indica la escena y solo poner el anclaje de un fotograma si esta en la misma escena.

Otra de las acciones basicas de los botones es por ejemplo su uso para controloar las propiedades de la pelicula mediante 'fsComand' por ejemplo las siguientes propiedades:

Fscommand(“fullscreen”,”true”); // nos envia a pantalla completa

Fscommand(“showmenu”,”false”); // esconde el menu del boton secundario

Fscommand(“allowscale”,”false”); // mantiene las propiedades de la pelicula

Vealo funcionando