¿Y por qué no? - Programación Flash

Al final me han liado para instalar y empezar a usar Eclipse como editor de código ActionScript. Ya lo habían intentado yo solo hace algún tiempo, pero es mas fácil cuando te lo explica alguien desde el principio

Y como es un poco lioso la primera vez, voy a explicar paso a paso desde su instalación hasta un Hola Mundo.

Lo que vamos a hacer es instalar Eclipse, un editor de código gratuito que se usa para programar en diferentes lenguajes. Luego instalaremos el plugin de Flex para que entienda la sintaxis ActionScript y para poder compilar nuestros proyectos desde el Eclipse. El plugin es de pago.

Hay otro plugin que permite editar ActionScript llamado FDT, también de pago, pero no permite editar mxml de Flex, y tiene que tener el SDK de Flex para poder compilar SWFs. Hay un estupendo vídeo explicativo en xinterface de cómo instalarlo y crear un proyecto.

Flex funciona sobre Java, por lo que necesitas tenerlo instalado.

Descargamos el Eclipse de la página oficial, vamos a usar la versión Classic.

Lo descomprimimos en una carpeta, por ejemplo C:\eclipse\

Abrir eclipse.ini y cambiar el último 256 por 512 para que no de un error de memoria mas adelante.

Ejecutar eclipse.exe para abrirlo por primera vez, nos pedirá una ruta de trabajo, por ejemplo Eclipse_worpace. Es donde creará nuestros proyectos por defecto.

Ya lo tenemos instalado, ahora vamos a por el plugin de Flex. Ojo, no el Flex Builder, sino el Flex Builder Plugin. Lo descargamos e instalamos. Primero nos pedirá una ruta donde instalarse, y luego la ruta donde tenemos instalado el Eclipse.

Una vez terminada la instalación, abrimos Eclipse. Cerramos la ventana de bienvenida, y cambiamos el entorno de trabajo a Flex Development en lugar de Java que es el que viene por defecto.

Vamos a crear nuestro primer proyecto ActionScript

Configuramos las rutas de trabajo y el nombre de nuestra clase principal del documento

Ya podemos comenzar a escribir. Vamos a poner un simple trace

Para compilar la película y ver el trace, tenemos que hacerlo en modo debug

Veremos nuestro swf funcionando y el trace en la pestaña Console

Ahora vamos a configurar algunas cosas en la publicación de la película, como el que al compilar no me cree un html (1) y que no copie los archivos swc en la carpeta del proyecto (2). Hago clic con el botón derecho sobre la carpeta del proyecto, y selecciono Propiedades.

También voy a cambiar las propiedades del documento, que hay que indicárselas como argumentos de compilación (3). Hay muchos, pero los más utilizados son estos, se explican por sí solos.

-default-size 800 600 -default-frame-rate=25 -default-background-color=0xFFFFFF

Voy a cambiar algunas propiedades generales del programa, voy a asignarle el mismo atajo de teclado que en Flash, para poder compilar con Ctrl+Enter, para ello en Windows > Preferences > General > Keys busco el atajo debu y en el campo Bindig pulso Control y Enter.

También voy a filtrar los archivos que muestra el Flex Navigator, para que me oculte los archivos internos del Eclipse.

Y ya tenemos el Eclipse con el plugin de Flex funcionando!!

Podemos instalarle más plugins como por ejemplo el CFEclipse que entre otras cosas, instala una pestaña de snippets para guardar fragmentos de código e insertarlos con un atajo de teclado. Yo ya no se vivir sin él

Ahora, si queremos crear un proyecto publicable indistintamente en Flash y Flex (algo muy interesante si trabajamos con otros desarrolladores/diseñadores que no usen Flex), podemos hacerlo como explica Javi.

Básicamente consiste en esto:

Si queremos arrastrar un clip en al escenario y vincularlo a una clase Cuadrado por ejemplo, en lugar de eso lo vinculamos a una clase CuadradoBase, y nuestra clase Cuadrado hacemos que extienda de CuadradoBase.

De esta forma, cuando hagamos un cambio en la clase Cuadrado, no tendremos que irnos a Flash, compilar de nuevo la película, y luego volver a Flex para compilar el proyecto para ver los cambios. Sencillamente compilamos en Flex, y veremos los cambios directamente.