Lateral On-Scroll Sliding with jQuery. HTML5 Sites. HTML5 Sudoku. Onslaught! Arena. Introduction In June of 2010, it came to our attention that local publishing "zine" Boing Boing was having a game development competition. We saw this as a perfectly good excuse to make a quick, simple game in JavaScript and <canvas>, so we set to work. After the competition we still had a lot of ideas and wanted to finish what we started. Here's the case study of the result, a little game called Onslaught! The retro, pixelated look It was important that our game look and feel like a retro Nintendo Entertainment System game, given the contest premise to develop a game based on a chiptune. Given how small these sprites are we decided to double-up our pixels, meaning that a 16x16 sprite would now be 32x32 pixels and so forth. Here's a scenario that we considered: This method would consist of 1x1 sprites instead of doubling them up on the asset creation side.
Fun canvas tricks We all know that <canvas> is the new hotness, but sometimes developers still recommend using DOM. The Game Loop Audio. HTML5 Demos and Examples. HTML5 Canvas and Audio Experiment.