Want to create a game for Windows 8? And publish it to the new Windows Store?
I have created a simple HTML5 Game starter kit that will help you set up a new Windows 8 game project in short time.
For a game te be certified in Windows Store it must contain a given set of functionality like:
- Minimum resolution: 1024 x 768
- Snap view
- Tiles in various sizes.
By using this starter kit you can get most of this functionality ready, just change the text and the images you want to show!
This is the first release. It contains the most important functionalities to get you started. Also an example game comes with it (not really a part of the Starter Kit) just to show it runs and that you can see how Touch is working and so on.
How to use the HTML5 Game Stater Kit
It’s very simple to get started.
You can either read how to use this below by following the 5 steps, or see this video:
If you want to learn how to create the example game that comes with this starter kit, you can read the guide here:
Step 1a. You need to have Visual Studio 2012 installed on a Windows 8 device to use this. If you are a student and have access to Dreamspark.com (MSDNAA) or a MSDN Subscription you can download both products from there.
You can use the free version of Visual Studio 2012 (express) and can be downloaded here:
The Release Preview can be downloaded for free here:
Step 1b. Download HTML5 Game Starter Kit for Windows 8
Click on File->New->Project…
Give your project a name (here: Mitt Spill) and press OK.
Step 3. What we will do now is to add the HTML5 Game Starter Kit files to the newly created project. We just copy the content of the HTML5 Game Starter Kit folder to the project folder.
Navigate to your new game soludtion and open the project folder. Paste the files here, and replace if asked:
Step 4. Go back to your Visual Studio 2012 project and update if needed:
Step 5. Include the new files in your project.
The last thing you need to do is to include the new files in your project structure from Visual Studio 2012.
Click on the button highlighted in the red circle below. It will show the files that exist in the filestructure but not in the project structure(dark gray).
6. Test if it works.
Congratulations, you are now having a working game project! Run the app and test that it works.
Whats in the starter kit?
Remember! The example game is using CreateJS. It’s located under js/CreateJS. You can remove this folder if it’s not needed in your project. But if you do so, the example game will not compile.