Panchosoft Blog

Recapitulando, HTML 5 está siendo desarrollado con el objetivo de ser un estándar para la utilización de elementos multimedia en Internet. Debido a que es un estándar abierto, las empresas y desarrolladores lo apoyan como un remplazo de la tecnología propietaria Flash de Adobe. En el último año han comenzado a surgir ports de juegos desarrollados originalmente para PC, Android e iOS que ahora hacen su debut en HTML5 y a continuación les presento 5 juegos bastante adictivos que deben probar.

Canvas Rider

Este juego aprovecha al máximo el nuevo elemento canvas de HTML5, consiste en conducir una bicicleta a través de increíbles escenarios dibujados por los propios jugadores. En esencia es muy simple, pero entretenido y muestra el potencial de combinar HTML5 y Javascript.

TankWorld

Sus gráficos no son impresionantes, pero es un shooter 3D bastante interesante construido enteramente en HTML5 y Javascript. En el manejamos un pequeño tanque de guerra, con el objetivo de capturar la bandera mientras destruimos otros tanques con las diferentes armas disponibles.

Angry Birds

Uno de los juegos más populares de los últimos tiempos y su mecánica de juego es prácticamente conocida por todos. Disponible principalmente en plataformas móviles ahora por fin hace su aparición en equipos tradicionales a través de HTML5. El juego se realizó para ser presentado en la inauguración de la tienda de aplicaciones Chrome Web Store y fue desarrollado para funcionar en el navegador Google Chrome, aunque en otros navegadores también funciona sin mayores problemas.

Cut the rope

Uno de mis juegos favoritos de todos los tiempos. Cut the rope apareció por primera vez para la plataforma iOS y su mecánica de juego hasta ahora había sido totalmente orientada a pantallas multitouch. El juego consiste en alimentar con un caramelo a un pequeño monstruo verde llamado om nom. Lo entretenido del juego es lograr que el caramelo llegue justo a la boca de om nom y para eso tendrás que romper cuerdas, romper bombas, etc. Mejor pruébenlo para que conozcan de primera mano la calidad de este juego. Este juego fue desarrollado basándose en Internet Explorer 9, pero no tendrán problemas con Chrome o Firefox.

Fieldrunners

Si te gustan los juegos tipo tower defense no te puedes perder Fieldrunners. Al igual que Cut the Rope este juego nació en plataformas móviles y de hecho fue uno de los primeros juegos exitosos en la tienda de aplicaciones de Apple. Ahora han hecho un port completo a HTML5 para que puedas probarlo a través de cualquier navegador web actual. Les advierto que es bastante adictivo, así que pruébenlo.

Chrono Trigger

Nah, siento tomarles el pelo pero oficialmente todavía no hay una implementación de Chrono Trigger en HTML5. El enlace los llevará a una demo del juego que realicé para los laboratorios de Panchosoft.com. El personaje (Frog) se puede mover a través de la pantalla con las teclas de desplazamiento del teclado. Fue interesante desarrollar este pequeño demo utilizando el elemento canvas de HTML5, más adelante presentaré un post técnico sobre el proceso de desarrollo.

Fuente: Bitelia

Etiquetas: HTML5, Videojuegos

• 

Como bien dicen en GenbetaDev los juegos en línea han retomado popularidad gracias a los usuarios de las redes sociales. Uno de los ejemplos más representativos de esta tendencia es el juego Farmville y su base de usuarios de Facebook. Farmville inicialmente fue desarrollado en Flash y desde hace tiempo tiene disponible una versión en HTML5 (aún en desarrollo). Esto demuestra algo, si el mayor caso de éxito de juego en línea está migrando a HTML5 significa que la intención de abandonar Flash es verdadera. ¿Pero y el resto de juegos y desarrolladores?. En la siguiente infografía vienen algunos datos interesantes sobre el estado actual del desarrollo de juegos en HTML5 y en Flash.

Desde luego todavía falta tiempo para que Flash pase al segundo lugar en el desarrollo de videojuegos en línea. Principalmente debido al tiempo en el que ambas tecnologías han existido, Flash tiene más de una década mientras que HTML5 solo tiene un par de años.

Etiquetas: Farmville, Flash, HTML5

• 

Existen numerosos hacks o desarrollos que utilizan Kinect para hacer cosas asombrosas utilizando la webcam con profundidad. Lo que hasta ahora a nadie se le había ocurrido es publicar una webcam utilizando como medio la tecnología WebGL de los navegadores web modernos. El autor utilizó WebGL para generar un ambiente 3D  “real” en lugar de enviar un simple video en 2D. Es posible interactuar con la escena al arrastrar el puntero del mouse. El stream en vivo está disponible en esta dirección, si en el momento que visitas la página no hay nada publicado entonces puedes ver el siguiente video demostrativo. El resultado es asombroso.

Fuente: Engadget

Etiquetas: HTML5, Kinect, Microsoft

• 

La tecnología Flash está en pleno declive en Internet después de que los gigantes del mundo de la informática y los propios usuarios le dieran la espalda. Empresas como Apple, Google, Facebook y Microsoft han decidido darle soporte al estándar HTML5 y al lenguaje Javascript como las nuevas tecnologías predominantes de Internet.

Hasta hace algunos años Flash era muy utilizado en sitios web para mostrar gráficas de barra o de pastel. Había cientos de plugins que hacían muy sencilla la labor de colocar estas gráficas para los desarrolladores web, además incluían animaciones que daban un mejor aspecto.

Si eres desarrollador (especialmente si eres desarrollador web) seguramente te interesará utilizar las últimas tecnologías disponibles y sobre todo utilizar los estándares. Así que para el caso de las gráficas, presento como referencia una librería de Javascript llamada HighCharts.

HighCharts te permite añadir gráficas animadas a tu sitio web en una gran variedad de formatos. El plugin está hecho en Javascript por lo que es sumamente sencillo agregarlo a tu sitio web. La alimentación de información se hace a través del formato JSON.

Personalmente he utilizado esta librería en varios proyectos y siempre me ha dado excelentes resultados. Lo mejor de todo es que es compatible con cualquier navegador que soporte Javascript. Es decir, funciona con Windows, Linux, Mac, Android, iOS, Windows Phone, Firefox, Chrome, Safari, Internet Explorer, en una PC, en un Smartphone, en una Tablet, etc. Algo con lo que Flash no puede competir.

Librería: Highcharts
Demos: Highcharts Demos

Etiquetas: Flash, Highcharts, HTML5, Javascript, Programación

• 

Como desarrollador es importante conocer las últimas tecnologías y tendencias pues en algún punto del tiempo es probable que necesitemos hacer uso de algún lenguaje o técnica en particular. Además por lo general las nuevas tecnologías incluyen mejoras que nos permiten realizar las tareas de forma más rápida evitando complejidad innecesaria.

Para un desarrollador web debe ser prioritario comenzar a conocer elestándar HTML5 ya que incluye novedades más que interesantes y al mismo tiempo elimina algunas características de HTML4 (como ejemplo las etiquetas <font>, <center> y <frame> entre otras). Por otro lado, sistemas operativos como el próximo Windows 8 ofrecerán soporte nativo para desarrollar aplicaciones utilizando este lenguaje de marcado.

Y ya hablando del tema, hace tiempo me encontré esta interesante “hoja de trucos” de HTML5 con la cuál es bastante sencillo conocer lo nuevo, lo que no cambia y lo que se ha eliminado de HTML4 en este nuevo estándar. Haciendo clic en la imagen pueden llegar a la imagen original y moverse a través de ella utilizando la función de arrastrar y soltar.

Leyenda de la imagen:

Espero les sea de utilidad, saludos.

Fuente: Woork
Imagen original en alta resolución: Flickr

Etiquetas: HTML5, Programación

•