blog.coconnut.com » Robotlegs Framework http://www.coconnut.com/blog Flex, AS3, AS2, flash, css Fri, 18 May 2012 09:12:39 +0000 en hourly 1 http://wordpress.org/?v=3.1.2 Flash Builder 4.6. AIR. Compilador ActionScript http://www.coconnut.com/blog/2012/01/09/flash-builder-4-6-air-compilador-actionscript/ http://www.coconnut.com/blog/2012/01/09/flash-builder-4-6-air-compilador-actionscript/#comments Mon, 09 Jan 2012 10:22:42 +0000 Luis Estevez http://www.coconnut.com/blog/?p=1358 Se trata de una pequeña interfaz para compilar proyectos ActionScript/Flex.

Descargar Proyecto Flash Builder 4.6 .fxp >>

Si no tienes Flash Builder 4.6 puedes descargar el proyecto comprimido:

Descargar Proyecto Flash Builder 4.6 comprimido >>

En la carpeta AIR_App encontrarás la aplicación para poder usarla sin necesidad de instalar.


Compilar con la aplicación es bastante sencillo:

En la sección PROYECTO selecciona la carpeta raíz donde están las clases del proyecto pulsando el botón Clases. Selecciona la Clase principal (Clase documento) del proyecto.
Si el proyecto utiliza bibliotecas compiladas selecciona con el botón Bibliotecas la carpeta que las contiene.
En la sección PUBLICACIÓN puedes seleccionar la carpeta donde se publicará el archivo swf compilado, dar un nombre y un tamaño por defecto a dicho swf.
En la sección COMPILACIÓN selecciona una carpeta que contenga el Flex SDK a utilizar en la compilación.
Pulsa el botón Compilar cuando hayas configurado todo lo anterior.
Si la compilación ha ido bien aparece un mensaje alertando de que el documento (swf) se ha exportado correctamente; en caso contrario, aparecerá un mensaje alertando del error. La aplicación no tiene ningún tipo de funcionalidad debug.

]]> http://www.coconnut.com/blog/2012/01/09/flash-builder-4-6-air-compilador-actionscript/feed/ 0 Flash Builder 4.6. Aplicación AIR para YUICompressor. http://www.coconnut.com/blog/2011/12/20/flash-builder-4-6-aplicacion-air-para-yuicompressor/ http://www.coconnut.com/blog/2011/12/20/flash-builder-4-6-aplicacion-air-para-yuicompressor/#comments Tue, 20 Dec 2011 13:24:26 +0000 Luis Estevez http://www.coconnut.com/blog/?p=1331 Aprovechando las novedades de AIR 3 y, en particular, la posibilidad de crear una aplicación AIR con el runtime incorporado (no es necesario instalarla para poder ejecutarla) hemos realizado una pequeña interfaz para utilizar YUICompressor, el compresor/ofuscador de código JavaScript/CSS.

Descargar proyecto Flash Builder 4.6 >>

Como hemos comentado, no es necesario instalar la aplicación, por lo que si quieres utilizarla directamente la encontrarás en la carpeta AIR_App.

]]> http://www.coconnut.com/blog/2011/12/20/flash-builder-4-6-aplicacion-air-para-yuicompressor/feed/ 0 Flash Player 10.1 Ejemplo Tablet Multitouch http://www.coconnut.com/blog/2011/02/26/flash-player-10-1-ejemplo-tablet-multitouch/ http://www.coconnut.com/blog/2011/02/26/flash-player-10-1-ejemplo-tablet-multitouch/#comments Sat, 26 Feb 2011 19:40:51 +0000 Luis Estevez http://www.coconnut.com/blog/?p=1197 Tableta Multitouch Galería imágenes Flash CS5

Ver ejemplo (requiere dispositivo multitouch y Flash Player 10.1) >>

Descargar Proyecto ActionScript completo >>

Se trata de un ejemplo con una interacción muy simple: la galería de imágenes avanza con el gesto pan hacia la izquierda/abajo, y retrocede con el gesto pan hacia la derecha/arriba.

Si no estás navegando con un dispositivo multitouch que soporte Flash Player 10.1, no vas a poder interactuar con el ejemplo.

El ejemplo lo hemos desarrollado en una tableta con Windows 7. Flash Player tiene cierta dificultad para reconocer los gestos en este sistema, por lo que hemos optado por configurar el MultitouchInputMode.TOUCH_POINT en lugar de MultitouchInputMode.GESTURE. Si alguien quiere modificarlo para una tableta con Android quizá sea más conveniente configurarlo para este último. La clase que se ocupa de gestionar la interacción multitouch se llama:

org.robotlegs.view.components.TouchView.

]]> http://www.coconnut.com/blog/2011/02/26/flash-player-10-1-ejemplo-tablet-multitouch/feed/ 1 Flash Builder. Flash CS5. Galería de vídeos con distintos frameworks http://www.coconnut.com/blog/2010/12/18/flash-builder-flash-cs5-galeria-de-videos-con-distintos-frameworks/ http://www.coconnut.com/blog/2010/12/18/flash-builder-flash-cs5-galeria-de-videos-con-distintos-frameworks/#comments Sat, 18 Dec 2010 18:38:14 +0000 Luis Estevez http://www.coconnut.com/blog/?p=1051 Hemos desarrollado el mismo ejemplo utilizando diferentes frameworks:

Robotlegs
Robotlegs&Signals
PureMVC
Parsley + Spicelib
Mate Flex Framework

Puede ser interesante compararlos para ver las diferencias/similitudes que presentan.

Ver ejemplo >>

Descargar proyecto ActionScript versión Robotlegs >>
Descargar proyecto ActionScript versión Robotlegs&Signals >>
Descargar proyecto ActionScript versión PureMVC >>
Descargar proyecto ActionScript versión Parsley >>
Descargar proyecto ActionScript versión Parsley&Signals >>
Descargar proyecto Flex 4 versión Mate Flex Framework >>
Descargar versión Robotlegs Flash CS5 >>

MUY IMPORTANTE: Como los ejemplos muestran contenidos de vídeo, para no publicarlos varias veces NO LOS LLEVAN INCLUIDOS. Descarga el siguiente enlace y descomprime su contenido en la carpeta bin-debug del ejemplo que desees:
Carpetas con los vídeos y demás assets de los ejemplos >>

Y por cierto, ya que estamos con Mate, recordar que la semana pasada se publicó la versión 0.9 de Mate, válida para Flex 3 y Flex 4 (aunque en este ejemplo hemos utilizado la versión 0.8.9)

]]> http://www.coconnut.com/blog/2010/12/18/flash-builder-flash-cs5-galeria-de-videos-con-distintos-frameworks/feed/ 12 Flash Builder 4. Galería de imágenes Robotlegs, AS3 Signals & Flight http://www.coconnut.com/blog/2010/10/17/flash-builder-4-galeria-de-imagenes-robotlegs-as3-signals-flight/ http://www.coconnut.com/blog/2010/10/17/flash-builder-4-galeria-de-imagenes-robotlegs-as3-signals-flight/#comments Sun, 17 Oct 2010 20:41:19 +0000 Luis Estevez http://www.coconnut.com/blog/?p=918 Se trata de una versión de:

Smoke&Drops. Galería de imágenes con Away3D

Hemos utilizado Robotlegs como framework principal, AS3 Signals & SignalsCommands y, finalmente, Flight framework (Flight XD) para conectar/enlazar elementos vía binding (este último framework sólo lo utilizo para hacer esta conexión).

Ver ejemplo >>

Descargar Código Fuente Proyecto ActionScript (Flash Builder 4) >>

]]> http://www.coconnut.com/blog/2010/10/17/flash-builder-4-galeria-de-imagenes-robotlegs-as3-signals-flight/feed/ 5 Flash Builder 4 Flash CS5. Robotlegs & Sudoku http://www.coconnut.com/blog/2010/08/11/flash-builder-4-robotlegs-sudoku/ http://www.coconnut.com/blog/2010/08/11/flash-builder-4-robotlegs-sudoku/#comments Wed, 11 Aug 2010 14:04:10 +0000 Luis Estevez http://www.coconnut.com/blog/?p=827 Un ejemplo de utilización del framework Robotlegs. Para la ocasión hemos creado un Sudoku (originales que somos). El algoritmo de generación/resolución empleado te lo puedes descargar de aquí.

Ver ejemplo >>

Descargar Proyecto ActionScript completo (Robotlegs) >>

Descargar Proyecto ActionScript completo (Robotlegs&Signals) >>

Descargar Proyecto ActionScript completo (PureMVC) >>

Descargar Proyecto Flash CS4 completo (Robotlegs) >>

Descargar Proyecto Flash CS5 completo (Robotlegs) >>

Para los que no estén interesados en Robotlegs y sólo quieran el sudoku, una versión para Flash CS5 con el código en el fotograma 1:

Descargar versión Flash CS5 sin Robotlegs >>

Por cierto, se agradece la sugerencia de código en esta nueva versión de Flash Professional ;)

Para la interfaz hemos utilizado MinimalComps. Si no conocías estos componentes y tienes curiosidad, visita el blog BIT-101. Por lo demás, un poquito de TweenMax, para no perder la costumbre :) .

La clase principal (index.as) es sólo un preloader de la aplicación Sudoku.swf. Por tanto, la clase realmente “principal” es la que genera dicho swf: Sudoku.as.

Finalmente, los muñegotes que aparecen dibujados en la hoja los he tomado prestados, espero que el autor no se moleste. O sea, resumiendo, básicamente no he hecho más que una ensalada de cosas encontradas por la web.

]]> http://www.coconnut.com/blog/2010/08/11/flash-builder-4-robotlegs-sudoku/feed/ 9 Flex Builder 3. Flash CS4. Smoke & Drops. Galería de imágenes con Away3D. http://www.coconnut.com/blog/2010/01/25/flex-builder-3-flash-cs4-smoke-drops-galeria-de-imagenes-con-away3d/ http://www.coconnut.com/blog/2010/01/25/flex-builder-3-flash-cs4-smoke-drops-galeria-de-imagenes-con-away3d/#comments Mon, 25 Jan 2010 10:46:59 +0000 Luis Estevez http://www.coconnut.com/blog/?p=717

Ver ejemplo >>

Descargar Código Fuente Proyecto ActionScript (Flex Builder 3) >>

Descargar Código Fuente Proyecto Flash CS4 >>

Descargar Código Fuente Proyecto Flash CS5 >>

]]> http://www.coconnut.com/blog/2010/01/25/flex-builder-3-flash-cs4-smoke-drops-galeria-de-imagenes-con-away3d/feed/ 18 Flex 3. Flash CS4. Framework Mate y galería de imágenes http://www.coconnut.com/blog/2009/09/21/flex-3-flash-cs4-framework-mate-y-galeria-de-imagenes/ http://www.coconnut.com/blog/2009/09/21/flex-3-flash-cs4-framework-mate-y-galeria-de-imagenes/#comments Mon, 21 Sep 2009 11:34:43 +0000 Luis Estevez http://www.coconnut.com/blog/?p=643

Ver ejemplo >>

Descargar Proyecto Flex (incluye Framework Mate) >>

Descargar Proyecto ActionScript (Framework Robotlegs&Signals) >>

Descargar Proyecto Flash CS4 >>

Descargar Proyecto Flash CS5 >>

Imagino que a más de un@ le habrá ocurrido lo que a mí. Llegué a Flex (Framework) por medio de Flash (Professional), y cuando me bajaba ejemplos, tutoriales, “aprenda Flex en una semana”… tenía la sensación de que Flex era útil sólo si te tenías que conectar a una base de datos, a un script de servidor, a un web service… y que todo tenía ese “toque Flex” (fondo azul verdoso, botones semistransparentes, marcos de selección azulados, los paneles, las listas de items…).

Ahora sigo igual de perdido que al principio, pero una de las pocas cosas que tengo claras es que una “aplicación Flex” no tiene por qué tener ese “toque Flex” ;) , de hecho, puede tener el mismo aspecto que una aplicación desarrollada con Flash Professional. Y de ahí el origen de este post.

Tanto el swf generado con Flex Framework y Mate, como el generado con Flash Professional son “visualmente” idénticos. Ahora bien, hay una pequeña diferencia, el primero pesa 300 Kb y el segundo 70 Kb.

A quien le interese sólo la galería de imágenes, le recomendaría que se descargase la versión Flash, ya que la versión Flex sólo tiene el propósito de mostrar que una aplicación puede tener el aspecto que deseemos, sin que se vea condicionada por el framework.

Apuntar también otra cosa: he utilizado el framework Mate para una aplicación EXTREMADAMENTE sencilla, y no tiene mucha razón de ser, más allá de la didáctica. Sin embargo, si alguien está empezando con Mate, la simplicidad del ejemplo puede ayudar bastante (sólo hace dos cosas: descargar el xml con las galerías de imágenes y conectar el menú inferior con las imágenes que se muestran).

]]> http://www.coconnut.com/blog/2009/09/21/flex-3-flash-cs4-framework-mate-y-galeria-de-imagenes/feed/ 45