ActionScript

Como se mostró en el tutorial de los botones, ActionScript es un lenguaje de programación nativo de flash que es utilizado para navegación e interactividad en la película que estamos creando.

En clases vimos unos cuantos códigos básicos. Aquí veremos cómo se aplican.

1- Botonera común.

Esta botonera es la que contiene los típicos botones de reproducción de películas y mp3 (Detener, pausar, retroceder, avanzar y reproducir). Para poder hacerla funcionar primero hay que crear los botones (pueden ser directamente en Flash o en Illustrator para luego importarlos a biblioteca para incluirlos en el video) y luego convertirlos en el símbolo correspondiente (Botón).

Luego de eso vayan a "Ventana" y elijan el menú "Acciones". También pueden acceder a él apretando F9 o el ícono que está en la barra de propiedades cuando tienen seleccionado el botón.


Cuando entren, verán este menú con diferentes tipos de códigos de ActionScript (zona izquierda) y un espacio en blanco para crear los comandos (zona derecha). Los códigos que ocuparemos están en la sección "Funciones Globales" (específicamente los encontrados en "Control de clip de película", "Control de linea de tiempo" y "Navegación/Red").

Primero vayan a "Control de clip de película" y elijan el código "on" (luego les saldrá un mini-menú del cual deben elegir "release", esto está relacionado a lo que se dijo en la clase de que el botón va a "liberar" una función).

Luego se ubican entre las "llaves" que hay en el código que saldrá y apreten "enter" para luego colocar el resto del comando. Recuerden que deben ser muy cuidadosos con la escritura del código pues este será inhabilitado ante cualquier tipo de error (una letra mayúscula fuera de lugar, una comilla que falte, etc).



Ahora los comandos para cada botón:

Play

Stop (el número que sale al lado de gotoAndStop es el fotograma al cuál se dirigirá la animación, en este caso, fotograma 1)

Pause:

Foward (adelantar):

Rewind (Retroceder):


2- Carga de películas externas.

Pueden crear un botón para que se reproduzca una película externa. Recuerden que para este caso esa película debe estar en formato ".swf". También deben colocar si la película se reproduce al mismo tiempo que la película primaria (1) o si la reemplaza (0).


3- Cargar escena.

Al igual que las películas, también pueden reproducirse diferentes escenas. Recuerden que deben colocar el nombre exacto de esta para que botón funcione.


4- Detener animación en fotograma clave.

Creen una capa con un fotograma clave vacío, apreten el botón derecho del mouse y vayan al menú "acciones". Luego elijan este código:

Si lo hicieron bien, el fotograma tendrá una "a" minúscula (indicador de que tiene una acción).



Y ese sería el tutorial de actionscript básico. Perdonen la tardanza u.u Saludos!

Botones

Este es el último tipo de símbolos. Aparece en la biblioteca con el ícono de un dedo apretando un botón (porque después de todo eso es lo que es ¿no? xD) y su función consiste en desencadenar acciones que influirán en el video (como reproducir (play), detener, retroceder y avanzar). Estos botones se programan con un lenguaje de programación propio de flash llamado actionscript.

Pero antes de todo esto vamos a ver en qué consiste el botón como símbolo propiamente tal.

Al igual que el clip de película, el símbolo "botón" tiene su propia línea de tiempo. Sin embargo esta es diferente a las que ya hemos visto, ya quee cuenta con 4 instancias:


Reposo: El botón en pantalla sin tener alteraciones.
Ejemplo:

Sobre: Botón con el cursor del mouse sobre él.
Ejemplo:

Presionado: Botón presionado por el cursor del mouse.
Ejemplo:

Zona Activa: Área sensible del botón. Es la parte más importante del botón ya que sin ella el cursor del mouse no puede reconocerlo ni hacerlo funcionar.
Ejemplo:

Para hacer una forma para cada instancia deben colocar un fotograma clave.

Clip de Película

En Flash hay 3 tipos de símbolos: Gráficos, Clip de película y Botones. Todos estos se registran en la sección de biblioteca y pueden repetirse varias veces sin usar mucho espacio en el documento.
El símbolo gráfico, como ya saben, es aquel utilizado para realizar interpolaciones por movimiento y clásicas. Es el símbolo más básico de los tres.
Ahora vamos a ver los otros dos.

Clip de película.

Se representa en la biblioteca con un cuadrado azul con un engrane en él. Este símbolo cuenta con una línea de tiempo propia para generar interpolaciones. Por ejemplo, tenemos una figura que transformaremos en este símbolo (para ello vayan a "modificar" y luego "convertir en símbolo" o simplemente apreten f8 y eligan "clip de película")


Una vez hecho eso, verán que el nuevo símbolo estará registrado en la biblioteca.


Al hacer doble click sobre el símbolo ingresarán a su propia linea de tiempo (de hecho, debajo de esta hay una guía donde muestra que están ahí, dice "escena 1" y luego el nombre del símbolo).


Pueden hacer cualquier tipo de animación que ya vimos (como cuadro a cuadro o por forma).
Ahora viene la segunda parte del clip de película. Salgan del símbolo (habiendo doble click afuera de este o apretando el botón "escena 1" que sale bajo la linea de tiempo) y hagan una interpolación por movimiento o clásica.


Luego apreten ctrl+enter para ver la presentación y obtendrán los resultados.

Saludos.
[En la próxima entrada hablaremos de los botones]