Física en Flash con ActionScript – APE (ActionScript Physics Engine)

APE es otra librería de física para proyectos 2D hechos en Flex y  ActionScript 3. Es importante mencionar que a pesar de ser «2d», algunos demos pueden llegar a verse bastante tridimensionales gracias a el arte que tú manejes, y la manera en la que presentes tus planos… el 3D «falso» es muchas veces igual de efectivo visualmente y es mucho más fácil de realizar como developers!. :-D Por ejemplo, checa el segundo demo… es 2D, pero da una buena sensacion de profundidad por la manera en la que estan acomodados y coloreados los elementos.

Demos

Esta librería tiene bastante tracción y tiene un buen grupo de seguidores y usuarios, sin embargo no esta taaan bien documentada. :-(  Es decir, la verdad no hay muchos tutoriales… Pero hay un buen API y con ganas y sin miedo al código eso tiende a ser suficiente.  El repositorio con el código está aquí, y hay un tutorial para comenzar a trabajar con esta librería en Flex Builder. Sin embargo los Demos son interesantes y vale la pena picarle un ratito antes de casarte con alguna de las otras librerías. :-)

Filed under: Herramientas, Librerías, actionscript, física, juegos

Física 2D Flash con ActionScript – Fisix Engine

Ya mencioné porqué es bueno tener a la mano una máquina de física, pero por si alguién se perdió ese post es por lo siguiente: FACILITA TU VIDA!!!… O.o

Detectar colisiones y hacer que las cosas se comporten como deben es bastante complicado, para eso tenemos que implementar fórmulas matemáticas todas locas y, si cometemos un error en ello, le damos en la torre a la experiencia del usuario. No por nada dicen que se tardan mucho tiempo puliendo el brinco en los juegos de Mario Bros. Se tiene que sentir perfecto… Para eso nos ayuda un motor o máquina de física, ya tiene todas esas fórmulas programadas para que tú simplemente las aproveches y te enfoques en armar tu experiencia interactiva sin clavarte en esos detalles.

Fisix Engine es una librería sencilla que funciona bastante bien para proyectos en 2D. Como ellos lo dicen en su página de inicio, no podrás hacer Half Life con esta librería, pero checa los demos y verás que puedes hacer muchas cosas muy interesantes. Además utiliza completamente las bondades de ActionScript 3 para optimizar nuestro código y el «frame rate», de esa manera no hacemos tronar el navegador de la gente. :-P

El sitio tiene una buena guía de cómo empezar a utilizar la librería. Tiene un muy buen wiki, un API documentado, y un foro con gente participatiba y dispuesta a resolver tus dudas. Todo en inglés claro… :-(

La gran ventaja de esta librería es lo simple y sencillo que es usarla. Su enfoque en el mundo de 2D no es limitante, sino que la hace aún mejor para los proyectos que no necesitan la complicacion de tres dimensiones. Ya más adelante mencionaremos librerías que sí consideran 3D y que de seguro tambien tendrán su lugar en los proyectos que andas desarrollando (o que desarrollarás).

Para bajarte la librería y comenzar a jugar con ella haz click aquí.

Filed under: Herramientas, Librerías, actionscript 3, física

Efectos en ActionScript 3 – Dibujando con Fuego

Mr. Doob tiene un post genial en el que explica el efecto de partículas de dibujar con fuego. Es en realidad muy sencillo y me tomo la libertad de traducir sus instrucciones:

«Básicamente, utilizas cualquier cosa como el input (mouse por ejemplo), lo copias a un bitmapData y le das blurrs y offsets verticales, sobre eso le pones una textura greyscale Perlin Noise , y tambien en modo de «scroll» vertical le pones BlendMode.OVERLAY»

Entra al post original de Mr. Doob para ver el ejemplo corriendo y bajarte el código fuente de ese archivo!. :-)

Filed under: AS 3, Tutoriales, actionscript 3, Efectos, Partículas

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

Flash Abierto : Otra liga importante!

De tonto no mencioné esta liga en mi post anterior sobre Flash Abierto: http://osflash.org/. Excelente recurso para darnos cuenta de todo lo que está sucediendo en este tipo de desarrollos (hacen mencion a flashdevelop y muchos otros proyectos que apoyan nuestros desarrollos en flash sin necesidad del IDE de Adobe).

Recursos que encontrarás:

• Ligas a proyectos en específico (junto con el código)
  Entre ellos algunas alternativas al IDE de Flash!
• Tutoriales
• Ofertas de Trabajo ($$)
• Un buen Wiki para developers

Aprovecha!… Ya no hay pretexto como antes que la banda decía «nel, no hago nada en flash porque el ambiente de desarrollo es muy caro»… Si quieres peudes hacerlo todo gratis!… :-P (neta gratis, no pirata!).

Filed under: Flash, Herramientas, Librerías, flash abierto

Termina los post de 3D con ActionScript (por lo pronto)

Ok, esta semana discutimos herramientas y librerías para hacer magia en 3D con Flash y ActionScript. Se mencionaron Sandy, PaperVision3D y Away3D. Las 3 son muy buenas, bien documentadas, y tienen un buen número de seguidores. Hay otras, pero siento que estas son las que tienen desarrollos más sólidos, junto con una buena documentación y recursos existentes. ¿Qué sigue?, pues que te pongas las pilas, te bajes las 3, y hagas aunque sea un tutorial con cada una. :-) Así te vas a dar cuenta de cuál es la mejor para tí y de ahí en adelante le das con todo.

El complemento perfecto de esos post de manejo de 3D será discutir diferentes herramientas para manejo de Física realista en nuestras aplicaciones. Si bien es cierto que la mayoría de juegos exitosos de flash que han salido últimamente no son en 3D, lo que si tienen es un buen manejo de física (colisiones, rebotes, saltos, peso, gravedad, etc). Iré preparando unas buenas reseñas de unas librerías de física para ActionScript, hay dos en particular que wow!… :-D Muy muy chidas…

Después de eso, lo último que faltaría para tener todos los recursos para hacer nuestro juego sería manejo de Inteligencia Artificial… Bueno, eso y que armes el juego. :-P He he he.

Filed under: Flash, Herramientas, Librerías, 3d, actionscript, física, juegos, video juegos

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

3D en Flash con ActionScript – Sandy

En el segundo post de la serie de 3D en Flash le toca a Sandy. Esta librería tiene ya tiempo y pareciera que no termina de agarrar mucha tracción, sin embargo tampoco ha muerto y hay muchas personas que la utilizan felizmente para sus proyectos. Uno de los puntos a favor de esta librería es que soporta ActionScript 2 y ActionScript 3, y esta muy muy documentada. Checa la sección de tutoriales.

Otro punto a favor es su fácil integración con la librerías WOW y Cast3D, para física y animación respectivamente, lo cual nos ayuda mucho armando proyectos como video juegos y/o paseos virtuales. ¿Porqué es tan importante la integración con una máquina de física?, fácil: podríamos tener un mundo en 3D poca madre, pero si no respeta las leyes de la física será inutil, atravesaríamos las paredes, no habría rebotes, y la experiencia se sentiría muy falsa.

Ya por último vale la pena mencionar el proyecto conjunto «Extra Light», el cual maneja efectos de iluminación muy chidos para Sandy3D.

Aún falta que mencione otra librería para manejo de 3D, de hecho falta mencionar la que ha ganado más tracción y de la cual hay más recursos y tutoriales. Sin embargo es importante aunque sea hacer un tutorial de cada una de las librerías para que tú decidas cual es mejor para tí: la que se adapta mejor a tu manera de programar, y las necesidades de tus proyectos. Las librerías son solo herramientas, pero al final de cuentas eres tú quien hace la magia.

Extra: Para los usuarios de FlashDevelop, aquí hay un buen tutorial de cómo configurar las cosas para que FlashDevelop reconozca la librería Sandy y trabaje bien con ella. :-)

Filed under: Herramientas, Librerías, 3d, actionscript 2, actionscript 3, Cast3D, Librerías, sandy, video juegos, wow

Protege tu propiedad intelectual – OMPI

Si trabajas en Flash, Flex y ActionScript es muy probable que seas alguien creativo y con ciertas habilidades muy valiosas en el mundo actual y el crecimiento de las RIAs y los juegos casuales. Tambien es muy probable que, aparte de tu chamba, hagas proyectos por gusto y diversión. Tal vez estas armando un juego, un visualizador de datos o algo así. Sea lo que sea, protégelo.

El tipo de Desktop Tower Defense tenía su trabajo de programador de visual basic cuando alguien le dijo que hacer juegos en Flash era fácil; agarró un libro de ActionScript y en alrededor de un mes terminó ese juego que nos ha hecho a muchos perder horas y horas de nuestra vidas. El juego completamente gratis pero tiene tantas visitas que genera, en promedio, ocho mil dólares mensuales de ganancias por ads y donaciones. Tal vez ese juego que tienes guardado puede ser el siguiente caso de éxito!. Protégelo.

La Organización Mundial de la Propiedad Intelectual tiene muchos recursos a nuestro alcance, hace poco tomé y terminé el curso general de propiedad intelectual. Es gratuito!, lo puedes estudiar en línea, a tus tiempos, y chance y hasta sacas un certificado. Ya estuvieras no?.

Filed under: Herramientas, actionscript, Flash, juegos, propiedad intelectual

3D en Flash con ActionScript – Away3D

Ok, pues a comenzar la serie de post que hablan de 3D en Flash. Desde ActionScript 2 ya hay un par de librerías que nos ayudan a generar efectos y experiencias tridimensionales en nuestros proyectos de flash, pero la llegada de ActionScript 3 era lo que hacía falta para darle con todo a esto. ¿Porqué? La razón más fuerte es que la máquina virtual de AS 3 esta mucho más optimizada y puede realizar varias operaciones hasta 10 veces más rápido, ademas del manejo de memoria genial, y los nuevos objetos tipo Shape y Sprite por ejemplo… Sin meternos a cosas tan geek el chiste es que se ve todo más fluido (con un mejor frame rate).

Hoy toca hablar de Away3D. (Dale click a la imagen del templo para el demo). Este engine esta super chido y me sorprende lo bien que corre, además tiene buena documentación y una serie de tutoriales para ayudarnos a aprender a utilizar esta herramienta. Maneja extrudes, texturas chidas, reflejos, e interacción para que podamos armar nuestros propios juegos o visitas virtuales. Imaginate los juegos que puedes armar, o los proyectos chidos de architectura o arqueología que puedes conseguir para ganarte una lana!. :-D

Otro demo chido:

Extra: Tutorial para comenzar trabajando con Away3D y Flex! (via paranoidferret)

Filed under: Herramientas, Librerías, 3d, away3d, Flex, Librerías, video juegos