Gaia y CASA – Librerías sólidas para agilizar tu ActionScript

Hay muchas librerías ahí afuera para diferentes lenguages que hacen más fácil la vida de los desarrolladores. Por ejemplo: PHP tiene Zend y Cake, Ruby tiene Rails, JavaScript tiene Scriptaculous y JQuery. ¡¡¡¿Dónde están las librerías para ActionScript?!?!?!

Claro, hay librerías de propósito específico como Away3D, Box2D, etc. Pero una librería mas «universal» que resuelva problemas más comunes?. Pues resulta que si hay opciones!

El problema, si acaso, será decidir cuál prefieres usar. Yo hasta hace poco lo más cercano a un «framework» que usaba eran las librerías que vienen con el libro de ActionScript 3.0 Cookbook. MUY buenas y me ahorraban mucho trabajo, pero con estas?. WOW… Ahora sí, ¿cuál de las dos?. ¿Alguno de ustedes ya ha usado alguna?.

Gaia

Gaia es un una librería (o framework) sólida, con funciones que te ayudarán a hacer tus desarrollos en Flash más rápidos, con menos código, y más fáciles de mantener. Esta bien documentada y la comunidad Flashera habla maravillas de ella. Existen ya muchos proyectos desarrollados con Gaia, y por lo visto la «curva de aprendizaje» es baja.

CASA

El sitio de CASA se ve profesional, y su presentación simplemente refleja la calidad de las herramientas que nos ofrece. Su enfoque es en desarrollo para web de sitios muy muy visuales (sitios para lanzamiento de un producto o con fines de mercadotecnia). De la misma manera muy bien documentada, con muchos ejemplos y un portafolio de varios sitios realizados con ella.

Filed under: AS 2, AS 3, Flash, Librerías

Mezclar ActionScript 2 y 3 : Combinar AS2 y AS3, se puede?

Ultimamente hay una pregunta recurrente: ¿qué pasa con todo lo que ya tengo hecho en AS2?… Si tu proyecto de verdad necesita alguna de las bondades que solo maneja AS3 tienes dos opciones:

• Separar tu proyecto en diferentes swfs (algunos en AS2 y otros en AS3)
• Migrar tu código completamente a ActionScript 3

Lo más fácil, a la larga, es que pases todo tu código a ActionScript 3. Varios ya han de estar diciendo: NO MANCHES!!… ES MUCHÍSIMO TRABAJO!!!… Sip… Pero siendo sinceros no es taaaanto tanto, y hay varias ventajas de tener tu código en la versión más nueva de ActionScript: estabilidad, rapidez, soporte y recursos (todo lo nuevo ya esta saliendo para el 3).

Si tienes un proyecto ya muy avanzado en AS2, y NO ves la necesidad de usar ActionScript 3, tampoco se trata de que pierdas tiempo a lo bestia. Sigue siendo feliz en ActionScript 2… :-) Ya el siguiente proyecto lo harás en el 3. Eso sí, eventualmente te conviene hacer el cambio. Aún si estas muy cómodo ya en el 2, hacer el cambio no te tomará mucho tiempo (un par de días para la nueva manera de hacer algunas cosas y listo).

… Y si quieres que se comuniquen entre ellos?… Qué pasa si tengo algunos swf hechos con AS2 y otros con AS3?… Pues la opción es aprovecharnos de un objeto compartido llamado: LocalConnection. Este objeto esta presente en ambos lenguages, y nos permitiría crear un puente entre ellos.

Tienes que crear instancias de este objeto en tu proyecto de ActionScript 2, y en tu proyecto de ActionScript 3, y hacer que se comuniquen. Aquí hay un ejemplo en código. Repito, no es bonito ni fácil… Uno podría considerar AS3 un lenguaje completamente diferente y el hecho de que no sea compatible hacia atrás es bueno, ya que gracias a eso la nueva máquina virtual corre tan chido.

Si tienes un proyecto avanzado en AS2 y no necesitas el 3, así quédate. Siempre la filosofía KISS es la que rifa en el software (Keep It Simple Stupid)… Zas? Ya en tus nuevos proyectos dale al 3, en un par de días agarras la onda de las diferencias y apreciaras las mejoras.

Saludos!

pd. A partir de mañana comienzan los posts sobre motores de física para ActionScript! :-D

Filed under: AS 2, AS 3, actionscript 2, actionscript 3, Flash, LocalConnection

Separando el ActionScript

Sin meternos en temas de programación orientada a objetos ni nada así, es un hecho que es más cómodo tener el código separado del resto de nuestro proyecto (los archivos swf y fla, etc). ¿Cómo hacerle?… Fácil:

1. Selecciona todo el código que tienes metido en un frame y dale «cortar» (cut).
2. En flash dale: Archivo –> Nuevo –> Archivo de ActionScript
3. Pega todo el código ahí
4. Guarda tu archivo de ActionScript con algún nombre (codigo.as por ejemplo).
5. Regresa a tu archivo de flash, donde tenías el código anteriormente y pon la siguiente línea:
   • ActionScript 2.0: #include «codigo.as»
   • ActionScript 3.0: include «codigo.as» (sin el # que usabamos en AS2)

Y listo!… Prueba tu película (ctrl+enter) y verás que funciona como antes, con la diferencia de que ahora tienes el código separado y bien organizado.

pd. Es buena práctica que aprendas a manejar TODO tu codigo de esta manera. En lugar de seleccionar un botón y asignarle código directamente al botón (seleccionando el boton y picándole F9 para abrir la ventana de acciones), lo mejor es que le asignes un nombre de instancia al botón y en tu archivo de AS le asignes la funcionalidad.

Por ejemplo, creas un boton… Lo pones en el Escenario (Stage) y le asignas el nombre de miBoton. En tu código de AS puedes poner:

miBoton.onPress = function(){
gotoAndPlay("blablabla");
}

Y créeme, eso facilita mucho las cosas a la hora de andar manteniendo y editando tu código.

Nota: ese pedacito de código de ahí arriba esta en formato de ActionScript 2.0

Filed under: AS 2, Tutoriales, actionscript, as, include

Ambiente de Trabajo : Editores de ActionScript

Una de las primeras cosas que uno debe de aprender a hacer en Flash es mantener separado el código de ActionScript en archivos separados (con extensión .as). ¿Por qué?… Yo diría que por salud mental!. El editor integrado en el IDE (Integrated Development Environment) de Flash es bastante limitado, es común que tengamos varios páneles abiertos, la línea del tiempo llena de capas y la librería y paleta de dibujo disponibles para ir creando todos los elementos de nuestro proyecto… Eso deja que la ventana para el código sea toda chiquita y poco útil para fines prácticos.

Ahí es cuando nos damos cuenta que, en lugar de poner todo el código en un frame, podemos poner un simple include haciendo referencia a un archivo .as con todo el código. Eso facilita MUCHO las cosas!. Tener tu archivo de AS abierto al mismo tiempo en pantalla completa sin tener que andar sacando el panel de acciones (f9) en un ambiente ya lleno de cosas. En el mismo IDE de Flash si abrimos un archivo de ActionScript tenemos mucho más espacio de trabajo!.

Pero ya poniendonos en serio la verdad es que el entorno de trabajo de Flash esta muy limitado para un proyecto de programación complejo. Necesitamos poder manejar proyectos con varios archivos de AS que manejen diferentes clases, dependencias, jalen datos de archivos xml, se comuniquen con PHP o Ruby y tantas cosas locas. Para eso necesitamos uno de estos editores:

Con costo:

• Flex Builder: Muy bueno, hecho por Adobe. Cuesta pero no tan caro.
• FDT: Power Flasher: Padre pero demasiado caro para mi gusto.

Gratuitos (yay!):

• SEPY ActionScript Editor: El Clásico
• Komodo Edit: Muy buen editor de código en general… Para TODO!. Php, css, html, python, etc. (Maneja ActionScript desde su última versión).
• FlashDevelop: El que debes tener. Flash Develop no le pide nada a Flex Builder, esta genial en todos los sentidos y aunque yo utilizo mucho komodo para otros desarrollos, en lo referente a ActionScript FlashDevelop es LA onda.

Nota: Tengo una licencia (lo prometo) de Flex Builder y aún así prefiero usar FlashDevelop. No he encontrado una razón por la cual preferiría usar FlexBuilder, y FlashDevelop mide tan poquito que podemos traerlo en una llave USB para usarlo desde donde queramos.

Filed under: AS 2, AS 3, actionscript, editores, flashdevelop

Ya era tiempo…

Ya tiene mucho tiempo que estudio y hago cosas en Flash. De hecho, tengo trabajando con Flash desde la version 2!!!… Heh… En ese entonces ni siquiera se hablaba de ActionScript, lo que había era una seríe de pantallas y uno seleccionaba con una interface muy gráfica lo que sucedería en algún evento de un boton o algo así; brincar a un frame, o a un label (etiqueta) era lo más común en ese entonces.

Cambiaron mucho las cosas con Flash MX, ActionScript 1… ActionScript 2… Y ahora el méndigo ActionScript 3 que esta muy chido pero es completamente diferente. A lo largo de todo este proceso de aprendizaje me han ayudado muchos libros y sitios de internet, y esta página será un compendio de referencias a diferentes buenos recursos y tutoriales en la red… Eventualmente tal vez yo escriba mis propios tutoriales, pero la verdad hay tantas cosas buenas ahí afuera, que más bien este será un repositorio personal de buenas ligas de todos estos temas. Con la buena igual y tambien voy poniendo mis propios experimentos y ligas a diferentes proyectos que he sacado adelante.

Trataré de escribir el blog en español, pero muchas de las ligas serán hacia contenidos y tutoriales en inglés… O qué será mejor?… Mantenerlo 100% en español?… Mmmh… Veremos.

ps. El enfoque será en Flash y ActionScript… Pero también tocaré temas de Flex (u OpenLazlo), algo de diseño (Photoshop tal vez) y manejo de CSS. Al final de cuentas son las herramientas de un desarrollador de multimedia.

Filed under: AS 2, AS 3, CSS, Flash, Photoshop, actionscript 1, actionscript 2, actionscript 3, CSS, Flash, flash mx, Photoshop