I'll start off with the basics: getting a player sprite on screen and moving it around with the keyboard. To do this I will use an HTML file with a canvas element as the screen and then a handful of JavaScript to set up and control everything. The player sprite will be an HTML image element that can then be copied to the canvas to display it, and user control will be taken care of by listening to keyboard events. There will be a timer to synchronise things and run the main game loop. You can get the source code by looking at this tag in the git repository on BitBucket . If you clone the repo then you can just double click on the index.html file to play it in your browser. You can also follow this link (or click on the gif above) to run things directly in your browser without having to download anything first. Let's talk through the code now. First, the HTML:
A Bullet Hell gamedev tutorial for your browser, written in JavaScript and HTML. Working from the simplest game to something a lot more complex in small, manageable steps. This isn't like a normal gamedev tutorial - you have a chance to choose the direction I take!