Descubriendo como crear juegos en HTML5

HTML5 es el presente, eso ya lo sabes. En el 2011 el Movimiento HTML5 fue fortaleciendose y dio cabida a varias iniciativas y sitios importantes que marcaron a este momento de la historia del diseño y el desarrollo.

Estamos muy interesados en que todos los que quieran y se animen puedan disfrutar de las ventajas de que trae HTML5, por eso desde el año pasado te ofrecemos la Guia HTML5 (desde Mejorando.la) que se actualiza constantemente. Hace poco compartimos 5 presentaciones imperdibles sobre HTML5 y hoy queremos descubrir: como crear juegos en HTML5.

5 HERRAMIENTAS QUE TE AYUDARÁN A CREAR JUEGOS EN HTML5

IMPACTJS

Creado por Dominic Szablewski y lanzado en diciembre del 2010. Este motor de juegos en Javascript, corre en todos los navegadores (incluyendo moviles) y cuenta con una documentación clara que incluye tutoriales para crear los juegosy para instalar el framework. Cuenta con un sencillo editor de niveles, un depurador que facilita el juego y además se puede publicar el juego creado en la app store con un rendimiento casi nativo.

Puedes ver varios juegos creados con Impactjs: Creatures and Castles, Drop,Ztype, Biolab, Steamclash, Alone, Heist the Tower.. entre otros. Dominic ha participado de varios eventos sobre juegos, presentando a Impactjs y hablando sobre los juegos en el mundo de HTML5. También se van a realizar workshops basandose en el framework.

EASLJS

Es una librería de javascript para utilizar canvas, creada por Grant Kinner. Esgratis (licencia del MIT) y cuenta con la documentación correspondiente para trabajar con la herramienta. EaselJS te ofrece “un modo retenido de gráficos para canvas que incluye una lista de visualización jerárquica y un modelo de interacción básico”.

Del mismo creador está TweenJS para las animaciones, SoundJs para el audio y Zoe para los sprite sheets. Un ejemplo de su uso es el juego Pirates Love Daisies.

LIMEJS

Este framework para juegos en HTML5 está preparado para la “construcción rápida y la experiencia nativa en juegos para todos los dispositvos ya sean touchscreen o navegadores de escritorio.” Posee documentación fácil de leer y una práctica guía para comenzar. Además la comunidad de este framework es muy activa. Puedes ver juegos realizados con este framework: Roundball y Zlizer.

ISOGENIC ENGINE

Esta herramienta creada por Irrelon Software, también utiliza javascript para la creación de los juegos. Su documentación y datos están constantemente actualizados. No requiere plugins del navegador y es compatible con los juegos isometricos y en 2d, además ha incorporado un sistema de redes avanzadas de apoyo. Puedes obtener la versión online y la versión offline en el sitio y ver undemo de como funciona.

CRAFTY

Este framework también es compatible con todos los navegadores (inclusive IE6), puedes elegir entre canvas o DOM y es una “mejor manera de abordar los juegos sin cadenas de sucesiones.” Además posee opciones extras para la “detección de colisiones” y componentes de sonido, animaciones especiales o efectos complementearios. Puedes revisar la documentación y los tutoriales, así comodemos muy interesantes basados en la herramienta.

AHORA.. A CREAR (Y A JUGAR)!

Nos gustan mucho los juegos (y más los que utilizan HTML5 ) y esperamos que estos frameworks te ayuden a crear juegos en esta tecnología. Hay muchos frameworks y librerías más para descubrir y experimentar (así como juegos en HTML5 por jugar) y queremos que tú también nos cuentes sobre las herramientas para crear juegos en HTML5 que utilizas (y los juegos HTML5 que más juegas).