HTML5, el futuro de los juegos en el navegador

juegos html5

Las últimas tecnologías web no sólo han permitido crear sitios con un mejor rendimiento, funciones y aspecto visual sino también juegos. Los más creativos han sabido sacar provecho de herramientas como HTML5 para poder explotar su creatividad, este lenguaje de etiquetado evolucionó para permitir crear incluso videojuegos, demostrando así el gran potencial que tenemos en nuestros navegadores gracias a este tipo de tecnologías. Debido a su crecimiento, en la actualidad encontramos plataformas muy grandes que nos ofrecen un catálogo muy amplio de entretenimiento creado en HTML5.

Hace algunos años parecía imposible hablar de juegos creados únicamente con HTML, pero su evolución en conjunto con otras plataformas como JavaScript y CSS 3 ha permitido que desarrolladores de todo el mundo se aventuren en la creación de juegos maravillosos en el propio navegador. Si bien es cierto que la tendencia actual sigue siendo el desarrollo en aplicaciones móviles, HTML5 facilita la entrada este mundo de entretenimiento, pues no sólo estamos hablando de una tecnología al alcance de todos y de fácil aprendizaje, la base de su funcionamiento se encuentra en todos los navegadores existentes, por lo que puede ser disfrutado por un público muy grande en cuestión de segundos.

Afortunadamente, la mayoría de éstos juegos están disponibles de forma gratuita, pero eso no significa que carezcan de una calidad comprobada, incluso algunos desarrolladores eligieron HTML5 como su primer plataforma para crear videojuegos y explotar su creatividad, por lo que a menudo encontramos experiencias muy gratas que se pueden disfrutar directamente en nuestro navegador. Algunas compañías importantes de la industria cada vez dan más importancia a la creación de juegos a partir de HTML5, por lo que han puesto manos a la obra para crear motores gráficos en base a esta tecnología, facilitando así el trabajo de los desarrolladores y de los más inexpertos en el campo.

juegos html5

Una de las ventajas de crear juegos para navegador es que se pueden plasmar experiencias de lo más diversas, desde aventuras gráficas en 2D hasta mundos 3D de mayor complejidad, el limite está en la creatividad de sus responsables. Sí, podemos decir que en la actualidad Flash sigue dominando el mercado de los juegos para navegador, pero HTML5 no sólo llegó al mundo como una alternativa real a considerar, sino también como el futuro inmediato, el camino natural que todo desarrollador web debe seguir en los próximos años. Si lo comparamos con la plataforma de Adobe, HTML5 es una propuesta abierta y totalmente gratuita, no existen limitantes de licencias que nos impidan seguir adelante en nuestros proyectos.

Por otro lado y de cara al usuario, no se requiere la instalación de ningún tipo de complemento en el navegador, en la actualidad todos ellos incluyen las herramientas necesarias para desplegar este tipo de juegos sin ningún problema, por lo que en un abrir y cerrar de ojos ya estarás divirtiéndote. Otro punto a favor es que HTML5 es multiplataforma, no importa el sistema operativo que tengas instalado en tu ordenador, la tecnología no hará ningún tipo de distinción de acuerdo al sistema que utilizas, además también puede ser ejecutado en dispositivos móviles. Por último también es importante mencionar que este lenguage tiene el respaldo de grandes compañías referentes en la evolución de internet y la tecnología de consumo, como lo son Apple, Microsoft y Google.

Seguramente el número de juegos en HTML5 sigue estando muy por detrás de Flash, pero en la actualidad ya encontramos juegos increíbles hechos con el lenguaje maquetador, tales como Bubble Charms y 1010 Deluxe, ambos con una popularidad muy importante en plataformas que hospedan este tipo de juegos. Otro título que nos demuestra el potencial de HTML 5 es CrossCode, una demostración técnica de lo que es capaz este lenguaje de maquetado más allá de sus etiquetas para identificar elementos dentro de un sitio web. HTML5 mantiene un crecimiento constante, además respaldado por grandes corporaciones. Seguramente en algunos años estaremos hablando de esta tecnología como el estándar existente para crear videojuegos que se ejecuten directamente en el navegador.

Ganá una plantilla gratuita con Template Monster!

TMgiveaway

¡Buenas noticias! ¡Hoy tendrán una buena oportunidad para obtener una maravillosa plantilla web diseñada por Template Monster absolutamente GRATIS! Template Monster es una empresa reconocida que ofrece las mejores plantillas de la red! Ellos dan 3 plantillas web a elección de los ganadores.

¿Cómo se puede conseguir una plantilla gratis?

Template Monster propone dar 3 plantillas de sitio web a 3 ganadores seleccionados al azar, por lo que si están interesados en una plantilla, sólo tienen que seguir las instrucciones:

  1. Examinen la increíble colección de plantillas de TemplateMonster.com/es/ (¡Hay más de 12 000 plantillas para varias plataformas y varios sitios allí!) para encontrar una plantilla para su proyecto web. Pueden elegir cualquier producto de Template Monster, no hay ninguna limitación.
  2. Dejen un comentario en la parte inferior de esta entrada. Tendrán que indicar:
  • Número de la plantilla,
  • Nombre,
  • Dirección de correo electrónico
  • Razón por la que necesitas esta plantilla.

Detalles Importantes

Este sorteo termina 25/07/2013. Después de esta fecha la sección de comentarios será cerrada y nadie será capaz de añadir cualquier otro comentario. Por favor, utilizen su dirección de correo electrónico válida. ¡Buena suerte a todos!

Conoce a los ganadores del concurso!

13 fantásticas plantillas HTML5 gratuitas

plantillas-html5

Encontrar recursos gratuitos en internet es sumamente fácil. Ahora, encontrar recursos “de calidad” puede tornarse un poco mas dificil… pero por suerte siempre surge algo interesante para compartir con Uds.

En este caso di con HTML5 Up!, un sitio que brinda en total 13 plantillas gratuitas HTML5 de alta calidad, todas ellas con un diseño cuidado y una amplia variedad de uso, siendo todas ellas adaptables (Responsive).

En el sitio podremos previsualizar como queda el sitio para web, tablet, smartphone y descargar el que mas nos guste.

Enlace | HTML5 Up!

Crea tu página web gratis en segundos

wix

Crear una página web hoy en día es mas simple de lo que uno puede imaginarse. Hay muchos sitios dedicados a brindar herramientas online y alojamiento gratuito para que una persona sin conocimientos técnicos pueda hacer su página de manera muy intuitiva.

El lider en este tipo de prestación es Wix, quien permite en poco tiempo crear websites profesionales en HTML5 o Flash sin necesidad de saber de código, simplemente arrastrando y soltando los elementos.

En su editor, Wix presenta una amplia variedad de diseños predeterminados para que puedas utilizar, como así tambien la posibilidad de crear tu propio diseño, preocupandote solo por lo visual… el funcionamiento corre por cuenta de Wix.

Por otro lado, los sitios creados son aptos para dispositivos móviles, dando de esta forma un servicio mas completo.

El servicio es muy recomendado para probar y, si deseas ir un paso mas con algún plan premium (son realmente económicos) los beneficios se multiplican.

Enlace | Wix

Guía gratuita para aprender a diseñar sitios web

diseno-web

Esta semana parece que viene por el lado de la enseñanza… mientras que ayer veíamos un curso gratuito para Community Manager hoy me ecuentro con esta fantástica guía para crear sitios web.

El PDF cuenta con 172 páginas en donde podremos aprender desde el diseño en Photoshop al armado en HTML5 y CSS3, brindando también un buen panorama de jQuery.

Algunos temas interesantes que encontré en la rápida revisión que hice fueron:

  • Encabezados progresivos con HTML5
  • Adaptación a diferentes dispositivos (RWD)
  • Infografías animadas
  • Las plantillas de Photoshop sin secretos
  • Usa varias aplicaciones con jQuery Mobile

La guía tiene muchisima mas tela para cortar, por lo que recomiendo la descarga tanto a iniciados como a diseñadores web con conocimientos básicos.

Descarga | El gran Libro del Diseño Web (38 Mb)
Vía | Zarqun

A5. Animaciones en HTML5 de manera simple

Para los que aún miran de costado a HTML5 o simplemente no les gusta mucho el código (es comprensible que a los diseñadores gráficos les fastidie un poco) A5 HTML5 Animator ha venido para ayudarlos a no quedarse rezagados.

El programa permite a los usuarios realizar complejas animaciones sin necesidad de usar Flash, una gran ventaja si pensamos en las nuevas plataformas que aún no cuentan con la posibilidad de leer flash. La interfaz es muy parecida a la de Flash, pero al terminar la animación y exportar el vídeo el resultado es en código HTML5, listo para subir a la web.

A continuación les dejo un video para ver como funciona:

Con A5 podrán entre otras cosas:

  • Insertar reflejos, bordes, sombras, rotaciones 3D y mas de forma simple.
  • Trabajar en diferentes escenas y líneas de tiempo para animaciones complejas.
  • Utilizar algunas de las animaciones y efectos presentados en cualquier objeto o guardar las propias.
  • Crear menús, sliders, banners animados, animaciones de texto y mucho mas.

En estos momentos A5 puede ser descargado en forma gratuita por medio de un registro, ya que se encuentra en su versión beta. Si desean saber mas sobre el proyecto, pueden ver sus tutoriales y ejemplos.

Registro para Descarga | A5 HTML5 Animator

Mas de 20 plantillas HTML5 y CSS3 gratuitas

Noupe es un sitio que nos tiene acostumbrado a las buenas publicaciones y en este artículo se gana ese mérito una vez mas, ya que han realizado una excelente recopilación de 26 plantillas totalmente gratuitas realizadas con HTML5 y CSS3.

Cada una de ellas podrán visualizarlas desde su demo para luego descargarlas si es lo que esperaban, y seguramente así sea ya que la calidad de las plantillas es muy buena y para todos los gustos.

Enlace | A New Collection of Free HTML5 and CSS3 Templates