Thursday, March 7, 2013

Tunemaster Redux

It's really high time to make some games and content available to people accessing Flash by Night with a mobile or tablet browser.

So for starters, I have redone the Tunemaster quiz (www.flashbynight.com/tunemaster) in HTML5 so that it can be accessed on any size of screen. On a desktop, it should look and feel like a flash game, but the page will resize to be playable on a smaller screen.

It looks something like this on the desktop:







...and something like this on a smartphone:



 For those who are interested in such things, I used the kineticjs library to create a resizable canvas to display the game and I applied responsive design techniques to both the html elements and the canvas. i will be posting some tutorials and other info soon.

1 comment:

  1. wonderful information, I had come to know about your blog from my friend nandu , hyderabad,i have read atleast 7 posts of yours by now, and let me tell you, your website gives the best and the most interesting information. This is just the kind of information that i had been looking for, i'm already your rss reader now and i would regularly watch out for the new posts, once again hats off to you! Thanks a ton once again, Regards, Html5 online trainingamong the Html5 in Hyderabad. Classroom Training in Hyderabad India

    ReplyDelete