I recently received a prototype of the next generation Ultrabook device from Intel to support my Windows 8 app developments which had Windows 8 Release Preview installed.
Excited about the new capabilities the device offers, I thought of starting by porting one my previous games to Windows 8. I started looking on forums, communities etc to get some ‘getting started’ guides on developing HTML5 apps for Windows 8 RT which is specifically for touch device like tablets. Unfortunately, there isn’t much information for beginners…or may be I couldn’t find some. But anyways, the only option that was left was to explore stuff on my own.
This tutorial series is basically a documentation about my experience of the process of porting one of my HTML5 games ( HTML5 Bouncy ) to Windows 8 and use its accelerometer capability to add some extra control. The tutorial series isn’t pre-decided as to how long it would be as the app is still under development. I’ll share my experience here as and when there is some progress.
###PART 1: Getting the dev environment ready###
Then I downloaded Visual Studio Express 2012 for Windows 8 from there. But upon installing, it gave a weird error:
Windows 8 Release Preview does not have the required .NET framework 4.5.50709
Well, that was annoying as I expected my windows 8 to come bundled with all the dependencies. My next step was to obviously search the Microsoft website for the required .NET updates. I even found some updates to .NET but each one on installation gave the message that I already had the same .NET version installed . That was more weird.
After some googling about the issue, I hit a Stackoverflow page that had the information I wanted. So it turns out that Visual Studio cannot be installed on Windows 8 Release Preview due to some restrictions by Microsoft. It can be installed only on Windows 8 RTM. Besides this, if you want to have Visual Studio 2012 for Win 8 RP, you can do so using Visual Studio 2012 Release Candidate. God bless Microsoft!
So basically I had 2 options now to choose from: – Get Windows 8 RTM – Get Visual Studio 2012 RC
And obviously I picked the latter as whose gonna download and install Window 8 Finally downloaded Visual Studio 2012 RC and it installed without any issues on my Ultrabook device. A moment of rejoice!
And there I had in front of my eyes, the beautiful new UI of Micorsoft Visual Studio 2012 inspired by the Metro view It was simply neat and clean.
default.css files with some basic setup code. I added some code to make a simple Hello World app:
<div id="hello-world">Hello World!