Firefox OS, se filtran imágenes de la plataforma basada en HTML5

Si bien aún faltan varios meses para el lanzamiento de los primeros terminales con Firefox OS, el sistema operativo basado en HTML5 ya va tomando forma. El sitio TechWeekEurope se ha hecho con una serie de imágenes que nos muestran cómo sería Firefox OS, o cuando menos el progreso que lleva hasta ahora la plataforma de Mozilla, pues la versión final del sistema operativo podría variar de acuerdo a las operadoras o a distintas actualizaciones.

Hay que tener en mente que FireFox OS será un sistema operativo de código libre enfocado a teléfonos de gama baja, al menos de inicio. El sistema operativo de Mozilla recoge elementos de otras plataformas como iOS –la barra de notificaciones—, de Android –algunos botones y la pantalla para el teléfono—, además de algunas tipografías similares a las que podemos encontrar en Windows Phone. Todo esto da como resultado una interfaz de usuario muy interesante y que podría resultar bastante funcional para los usuarios de Firefox OS.

Las imágenes demuestran algunas de las funcionalidades que esperaríamos encontrar en cualquier sistema operativo, como el marcador de teléfono, reproductor musical, correo electrónico, calendario, pantalla de bloqueo entre otros. En el sitio TechCrunch hacen una comparativa de capturas de pantalla obtenidas en las primeras etapas del proyecto y las de ahora, en donde se puede apreciar claramente el progreso que el equipo de Mozilla ha logrado en la refinación de su interfaz:

El primer smartphone comercial basado en Firefox OS se espera para finales de este año o principios de 2013 con Telefónica de Brasil, aunque recientemente Mozilla anunció que cuenta ya con el apoyo de otras grandes operadoras alrededor del mundo, además de un par de fabricantes. En la galería al final de esta entrada se muestran más capturas de pantalla de lo que sería Firefox OS, el cual luce por demás interesante.

View the original article here

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 juegos y 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. Es gratis (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 un demo 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í como demos 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).

---

Gissela Peralta para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

---

Síguenos en: @maestros | Fan page

MSN lanza visualizador HTML5 que combina música e imágenes de Flickr

Microsoft sigue apostando por el HTML5 y el diseño a base de mosaicos, prueba de ello es su más reciente proyecto llamado Visualizer. Diseñado por el estudio suizo Hinderling Volkart, este visualizador en HTML5 combina fotografías de Flickr y música de la disquera Ninja Tune para construir una experiencia visual bastante atractiva.

Al reproducir una canción Visualizer divide la pantalla en mosaicos y en cada uno se va desplegando la letra de la canción. Lo interesante es que para cada palabra se utiliza una imagen distinta de Flickr, la cual se obtiene por medio de tags. Visualizer cuenta con 47 canciones, más de 11,000 palabras y millones de imágenes de Flickr para mostrar.

Si te sientes creativo podrás escribir tu propia canción, la cual desplegará imágenes y contará con música de fondo para después compartirla por correo electrónico o redes sociales. Si quieren echarle un vistazo pueden acceder desde este link.

Link: MSN Visualizer (via The Verge)