Getting your Metro game on with the MetroGameKit

Description

Today's Metro Monday project is a little help getting you going in writing a HTML5/JavaScript Metro game. This kit provides a number of game writing examples without being overwhelming or over the top in complexity.

MetroGameKit

Space Cadet is a Windows 8 Metro Style App developed using HTML5 and JavaScript. The intent of this code is to help HTML5/JavaScript developers with writing their first Metro Style App in a fun, immersive way. The code for the game is intended for demo purposes only and should be considered a starting kit for future apps you may write.

The game includes a functional game loop as well as the following technologies:

  • HTML5 Canvas
  • HTML5 Audio
  • CSS3 Styling and Web Fonts
  • Implementing a Game Loop with JavaScript
  • Third Party Frameworks
  • Touch
  • Camera Access
  • Accelerometer
  • WinJS Controls

Author: Dave Isbitski

Here's a few snaps of the game running. It's a simple game, but again, that's the intent, a simple game to get you started and to help on the learning curve...

Screenshot (23)

Screenshot (24)

One of the features/examples I liked was the "cadet picture" feature (i.e. Camera access). That's me at the top, right....

Screenshot (25)

Here's a snap of the Solution. Again you can see this is a simple and approachable sample.

image

Speaking of the camera access, here's the code that makes that happen;

image

image

image

If you're looking for a quick, simple, easy to follow and get going with HTML5/CSSJavaScript Metro game sample, the MetroGameKit is a quick download away...

More episodes in this series

Related episodes

The Discussion

Comments closed

Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums, or Contact Us and let us know.