3.Animación con Flash (3) Botones y Acciones

BOTONES

Un botón es algo (formas, dibujos, letras) que interactúa con el ratón, podemos hacer clic en el y empieza un juego, o se abre una ventana, o ocurre cualquier otra cosa.

1. Pinta, dibuja o escribe (o cualquier combinación: un rectángulo con texto dentro)

2. Selecciónalo todo y botón derecho / Convertir en símbolo: ponle nombre y en tipo: botón.

3. Haz doble clic y verás: REPOSO – SOBRE – PRESIONADO – ZONA ACTIVA. Tu botón está en el fotograma REPOSO, es el estado del botón cuando el puntero no está encima.

4. Inserta un fotograma clave (F6) en SOBRE, modifica tu botón (cambia el color, la forma, el texto,…) y será lo que veremos cuando el puntero esté encima del botón, pero sin hacer clic.

5. Inserta otro fotograma clave (con F6) en PRESIONADO. Cambia tu botón al estado en que quieras verlo cuando hagas clic en el botón.

6. Pruébalo desde Flash con la opción habilitar botones simples, del menú Control, o en una ventana externa, pulsando Control+Intro.

ACCIONES: PLAY, STOP

Usaremos los botones para arrancar (play) y parar (stop) una animación.

1. Abre una animación que hayas hecho, o una transformación (Morph) y añade una capa con dos botones, PLAY y STOP.

2. Crea los botones con el diseño que quieras, incluyendo el texto (play/stop, empezar/parar, venga/basta,…).

3. Conviértelos a símbolo como aprendiste (selecciona y botón derecho / convertir a símbolo).

4. Ahora asociamos los botones a su acción correspondiente. Botón derecho sobre el botón PLAY y Acciones / Funciones globales / Control de la línea de tiempo / Play. Con el botón STOP lo mismo, pero con la acción del mismo nombre.

ACCIÓN: GOTO

Ahora haremos una escena de introducción con el menú Insertar / Escena (será la Escena 2, pues la 1 es vuestra animación anterior, no importa el cambio de orden), con un botón PLAY (o jugar, o pulsa para ver,…llámalo como quieras)

Puedes cambiar de escena pulsando el botón claqueta, o con el menu Ver / Ir a / Escena 1

Cuando tengas diseñado el botón: clic derecho y Acciones…pero ahora activa el asistente de Script. Vas a Funciones globales / Control de la línea de tiempo / GOTO (ir a) y en las opciones elige Ir a Escena 1.