Metro Apps, Windows 8 y HTML5

No me voy a extender mucho en este post nocturno y tampoco trataré de explicar nada en concreto o detalladamente.

La idea del mismo es poder mostrar (Y para que pongan en práctica) como crear un juego HTML5 pero para Windows 8 usando el concepto metro. O sea, poder hacer un juego mediante JavaScript y HTML5 sin tener irnos a DirectX, que sería la otra propuesta, o la propuesta más adecuada para juegos en Windows 8.

 

En todo caso, siendo que el contexto de ejecución de una aplicación metro para Windows 8 con JavaScript es un navegador, y posee todas las características de HTML5, me decidí a probar que tan cierto era esto, así que tomé uno de los juegos recientemente realizado, nada complejo, para realizar la prueba.

El juego en cuestión es el que hice para fin de año, nada realmente asombroso, pero como dije, era importante poder migrarlo rápidamente.

En todo caso, los pasos fueron bastante simples.

En Visual Studio 2011, simplemente creamos un proyecto tipo metro con JavaScript en blanco.

 

image
La solución en Visual Studio 2011 para una aplicación metro con JavaScript.

Una vez tenemos el proyecto, copiamos el contenido de nuestro juego, sean sonidos, código JavaScript y páginas HTML. Debido a que el tag canvas está plenamente soportado, no tenemos más que agregarlo.

image
El juego corriendo dentro del contexto de una aplicación metro.

Una vez tenemos ordenado el código, solo necesitaremos llamar a la función que da inicio a nuestro juego y listo, el juego está funcionando.

Como les comenté, esto sería breve.


3 comentarios on “Metro Apps, Windows 8 y HTML5”

  1. Sacame de la duda,
    Metro vendría a ser lo que prism en mozilla o pokki? (corren sobre el motor de un browser y están limitados a eso)
    o también tenes la posibilidad acceder a más componentes del sistema (file system, info del usuario, etc)

    • Nunca trabajé con Prism o Pokki, pero por lo que entiendo, no, no es lo mismo.

      Metro es el nuevo modelo de desarrollo de aplicaciones para Windows 8, si bien podes escribir las aplicaciones con JavaScript y HTML5, tambien podes hacerlo con C# o C++ y Silverlight (XAML). La diferencia es que se ejecuta nativamente en el SO (Mediante algunos contenedores y sandboxes, pero la idea esta) y si, podes acceder al File System, o al hardware y demás. Esto quiere decir que por mas que estes trabajando con HTML5 y JavaScript las aplicaciones no son ejecutables en un browser, pero si a la inversa. O sea, si tenes una app para un browser, salvo algunas cualidades visuales, es ejecutable como app Metro.


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s