Ejemplos

Guía de aprendizaje de Flash CS5

Tutorial 6 - Animación con ActionScript 3.0
Paso 1 de 19
En este tutorial vamos a hacer una primera aproximación a la programación con ActionScript 3.0, la última versión del lenguaje de programación de Flash. Con este lenguaje de programación podemos añadir interactividad a nuestras películas, controlar el aspecto o movimiento de objetos en el escenario,crear aplicaciones complejas, etc. En primer lugar vamos a aprender a controlar los clips que se encuentran en el escenario mediante programación. En este caso controlaremos un clip realizado a partir de la nube que creamos en el tutorial 1.

Paso 2 de 19
Abrimos el documento tutorial1.fla. Hacemos clic sobre la nube con el botón derecho del ratón y seleccionamos Copiar. Si no podemosseleccionarla será posiblemente porque tenemos bloqueada la capa cloud en la línea de tiempo, así que tendremos que desbloquearla previamente. Bloqueamos el resto de las capas para evitar posibles modificaciones accidentales. La forma más rápida es hacer clic sobre el candado que está sobre todas las capas, y después desbloquear la capa que nos interesa. Con la capa clouds activa, seleccionamos cualquierpunto del escenario con el botón derecho del ratón y seleccionamos Pegar.

Situamos la nube en la esquina superior izquierda del escenario. Una vez copiada, ya podemos cerrar el documento sin necesidad de guardar los cambios. Abrimos el archivo tutorial5.fla, que contiene la animación de los pájaros, y lo guardamos como tutorial6.fla. Creamos una nueva capa por detrás de la montaña y le damos elnombre clouds.

Paso 3 de 19
Con la nube seleccionada, pulsamos F8 o Modificar > Convertir en símbolo. Le damos el nombre cloud y como tipo seleccionamos Clip de película. Situamos el punto de registro en el extremo superior izquierdo. Ahora tendremos un clip de película llamado cloud en la biblioteca, mientras que en el escenario tendremos una instancia de ese clip de película, tal y como nosindicará la parte superior del inspector de Propiedades. Para poder controlar una instancia con ActionScript, lo primero que tenemos que hacer es darle un nombre de instancia en el inspector de Propiedades. Le vamos a dar el nombre cloud1_mc.

Por convención los nombres de instancia generalmente comienzan por una letra minúscula y terminan de la siguiente manera: _mc para clips de película (movieclip) _btn para botones _txt para campos de texto

Paso 4 de 19
Vamos a escribir las acciones en una nueva capa que situaremos por encima de todas las demás, y a la que llamaremos as (por ActionScript). Es conveniente tener todas las acciones separadas en una capa para facilitar la organización del documento. Abrimos el panel Acciones pulsando F9 o Ventana > Acciones. En la columna izquierda deeste panel tenemos en primer lugar un acceso exhaustivo a las diferentes clases y funciones disponibles. En nuestro caso no vamos a utilizar esta forma de introducir código. En la parte inferior de la misma columna tenemos información sobre la selección actual (en nuestro caso el fotograma 1 de la capa as). Cuando tengamos acciones distribuidas en más fotogramas, desde aquí tendremos un accesocómodo y directo que nos permitirá acceder a la programación de los diferentes fotogramas. En la parte central tenemos el editor, que es el área sobre la que escribiremos el código. Sobre esta área tenemos algunas herramientas para comprobar el código, insertar comentarios, acceder a la ayuda, etc. Recomendamos tener desactivado el asistente de script. Para disponer de más espacio para escribir elcódigo, recomendamos colapsar la columna izquierda haciendo clic sobre la pequeña flecha que separa ambas columnas. Podremos expandirla de nuevo cuando lo necesitemos.

Paso 5 de 19
Vamos a comenzar asignando un valor de .6 a la propiedad alpha. Este valor significa una opacidad del 60%. Este valor puede oscilar entre 0 (transparente) y 1 (opaco). Comenzamos escribiendo el nombre de la...