Html5 canvas game development: setting up a canvas

February 6, 2015 4:05 pm Published by

This is the start of my tutorial series on html5 canvas game development using the canvas element. It’s a bit of a refresher for me in the subject, as it’s been a while since I’ve done this myself. Step 1: Don’t Give Up In my opinion the best part of developing anything for the web is loading your browser and viewing your creation. Depending on what you see, however, this can also be the worst part of being a developer, but let’s be hopelessly optimistic here! In order to view your images and assets, you will need to first set up a canvas element. True to it’s name, this is the equivalent of an artist’s canvas, a bitmap object that you can “paint” on and is specially optimised by the browser to be constantly refreshed and updated. You can choose to simply create the canvas in html: 1 <canvas class="artboard"... Read the full article