Faster Canvas Pixel Manipulation with Typed Arrays

Paul Rouget has a writeup from how you can use Typed Arrays to “significantly increase the pixel manipulation performance of your HTML5 2D canvas Web apps.”

Type arrays are pretty close to being supported across all browsers, with only IE lagging behind (support is coming in IE10);

Read the full writeup


You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. CodePlayer Tutorial: Make a snake game using HTML5 and jQuery The folks over at TheCodePlayer.com have written an interactive coding tutorial that walks you through the code for making a snake-game in HTML5. The tutorial walks you through the code...

  3. Procedural Textures in HTML5 Canvas An excellent article by Kas Thomas on generating Procedural Textures in HTML5 Canvas using Perlin Noise. Some examples: (the code is embedded in the blog post and must be cut-n-pasted...

  4. HTML5 Canvas Cheat Sheet DZone has a nice Downloadable, PDF Cheat Sheet for HTML5 Canvas that covers the Canvas Element in depth, going over the basics of when using the element is appropriate and...

  5. Terrain Generation with Canvas and JavaScript Somethinghitme.com has an oldie-but-goodie post from 2009 titled “Terrain Generation with Canvas and JavaScript” that talks a little bit about the algorithms used and links to a working 2d terrain...

HTML5 Game Dev Tutorials