3D en Flash con ActionScript – PaperVision 3D

Ahora sí, el último post (por lo pronto) de herramientas y librerías para manejo de 3D en Flash: PaperVision 3D. La primera vez que ví algo impresionante de 3D en Flash fué un demo de esta librería, y con el tiempo se ha ido haciendo más y más fuerte. En el sitio oficial hay una buena serie de tutoriales para agarrarle la onda.

Lo interesante de esta librería no es que esta bien hecha, sino que por una u otra razón ha logrado posicionarse en la comunidad de desarrolladores como una opcion muy sólida. Tanto que los de O’Reilly ya sacaron un feature-article de PV3D y se menciona la posibilidad de un libro. Ya que O’Reilly quiera sacar un libro 100% dedicado a tu librería es señal de que estás haciendo algo bien.

PaperVision3D está en el repositorio de código de google, es fácil agarrar los archivos directamente de ahí. Si te sientes cómodo usando un manejador de versiones, yo digo que de una vez lo configures para que siempre tengas la versión más chida corriendo. Aquí te dicen como hacerlo con Tortoise SVN.

Además del sitio oficial, tienen un blog lleno de posts con referencias a más tutoriales y a proyectos que están utilizando pv3d. Son la onda!.

Recomendaciones para comenzar: Pues hay un montón de tutoriales, yo recomiendo que le caigas al videotutorial de manejo de interactividad (link directo al video), y leas el artículo introductorio de O’Reilly. Igual este tutorial básico tambien esta chido. Igual si usas FlashDevelop aquí hay un tutorial de cómo hacer todas las configuraciones para poder trabajar agusto con esta librería.

Filed under: Herramientas, Librerías, 3d, flashdevelop, Librerías, PaperVision3D, pv3d, video juegos

Flash Abierto

Por si no lo sabías, puedes hacer proyectos 100% en Flash sin tener el IDE que te vende Adobe por 800 dólares. Puedes publicar tus .swf y sacarle todo el jugo a ActionScript 3 sin gastar un centavo. ¿Cómo?… Pues como que Adobe ya se dió cuenta que esto de las RIA (Rich Internet Applications) es una batalla entre tecnologías abiertas y gratuitas, así que ya puso todo el SDK a nuestra disposición. (Bajatelo de aquí). De hecho hay todo un sitio dedicado a Adobe OpenSource!.

¿Eso qué quiere decir?. Te bajas el SDK, lo descomprimes en algún lado… Y ya puedes sacar adelante proyectos usando cualquier editor como FlashDevelop (en las opciones de configuración solo le tienes que decir en dónde está el SDK para que lo utilice para compilar). Creamos nuestras clases en AS, las programamos, bolitas que rebotan y lo que quieras, y símplemente le damos F6 y listo!… SWF creado y funcionando. Aquí hay un par de tutoriales de cómo hacer cosas en flash sin usar «flash flash»:

1. De senocular
2. De ActionScript.org
3. De Bit-101

PostData:

• En FlashDevelop le das a Tools–> Program Settings –> AS3 Context y ahí te pide que le des la ruta del SDK de Flex que incluye todo el show para correr ActionScript 3.
• También en Tools–> Program Settings –> FlashViewer te conviene apuntar al executable de la versión de DEBUG, para que puedas desarrollar más agusto. Esa te la puedes bajar de aquí, abajito salen las «debugger versions».

EXTRA: Checa este excelente post con ligas a varios proyectos OpenSource para ActionScript

Filed under: Herramientas, Tutoriales, abierto, actionscript 3, flashdevelop, Flex, opensource

Cambiando el esquema de Colores : FlashDevelop

Lo único que no me gusta de FlashDevelop es que no es fácil cambiar el esquema de colores del editor de código. Creo que programar sobre fondo blanco es malo para los ojos y termina siendo muy cansado, de hecho he leido un par de estudios que mencionan la importancia de cambiar el esquema de colores de un editor para reducir fatiga visual.

Personalmente me gusta tener un fondo de un todo de verde-gris obscuro. Entiendo que el verde (y el azul) son de los mejores colores para tener de fondo y crear un contraste agradable. Muchos ambientes de trabajo proveen una manera sencilla de ajustar los colores a nuestro gusto. FlashDevelop no.

Eso no quiere decir que no se pueda hacer, solo que cuesta un poco más de trabajo. La manera de hacerlo es:

1. Abre tu FlashDevelop
2. En el menú, pícale a Tools –> Application Files
   Eso abre una ventana con los folders de configuración de FlashDevelop
3. Abre el folder de Settings:
   Aquí cambias lo básico en ScintillaNET.xml
4. Abre el folder de Languages:
   Y ahí encontrarás las definiciones en XML de la configuración del editor para cada uno de los lenguages que maneja FlashDevelop… Toma algo de tiempo pero vale la pena picarle para dejar tu editor al tiro. Si solo progamas en AS2 o AS3 pues solo editas esos. :-P
   En esos archivos XML la mayoría de definicion de colores la vas a encontrar dentro de <use-styles>, los colores estan definidos en RGB con el formato 0x000000 … 0xFFFFFF.

   Importante: por si acaso, has un respaldo de ese folder (languages) y tu archivo de ScintillaNET.xml antes de que le des en la torre. O.o Sería muy triste que termines con un esquema de color horrible y no puedas regresar al default. :-P

5. Aquí estan los archivos que yo tengo, por si quieres bajártelos y ver cómo cambian el look de tu FlashDevelop, e igual te animas a poner tú el tuyo. (preview)

Ligas recomendadas al respecto:

• Syntax Color Coding
• FlashDevelop Syntax Coloring
• FlashDevelop – (Mi post compartiendo mi esquema)

Un buen esquema de colores (imagen de PixelBreaker):

Filed under: Herramientas, Tutoriales, actionscript, flashdevelop, syntaxt coloring

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