This is my first blog in C&M, for sometime now I was exploring myself to understand HTML/JS/CSS,I read and got comfort my self with basic language semantics, but what now, out of abundant resources on web I was at crossroads and not sure where to start,then something struck to me that learning should be engaging so I explored for “gaming in JS” and Google amusingly returned with a towering figure of hits in fraction of seconds “About 11,40,00,000 results (0.33 seconds) “, patiently skimmed through various resources made cursory reading for some, detail study for others, but this piece of resource made my day.
I created a simple game where player controls a box movement and tries to catch the resource that pops on the canvas.No fancy, no big deal.
User Arrowkeys for movement of box , a score is displayed in the back ground.
Full source code
Subscribe
Hi Madhu,
That's a good start;) Using canvas directly is pretty low-level. Implementing a game on that would be like coding in assembly... You may want to take a look at 2d libraries like http://g.raphaeljs.com/ or http://paperjs.org/ which are making life much easier!
Posted by: Philippe Leefsma | 02/04/2015 at 05:45 AM
Thanks Philippe,for your comment, yes I'm aware of those libs, I wanted to understand underlying dynamics of DOM & Canvas, so I intentionally avoided using any libraries and it was fun :)
Posted by: Madhukar Moogala | 02/04/2015 at 06:18 AM