Canvas Tutorial by Bill Mill

IEを除く主要ブラウザで対応が進みHTML5で正式な規格になると見られているHTML要素のひとつにCanvasがある。CanvasはJavaScriptから操作できる描画エリアで、これまでWebブラウザで実現するにはプラグインを必要したような処理をJavaScriptから簡単に実現できるようになる。

Canvasを使ったプログラミングに興味があるのであれば、Bill Mill氏が作成したCanvas Tutorialはかなり優れた教材といえる。ゲームブレークアウトのようなCanvasアプリケーションを10ほどのステップを経て作成するというもので、Canvasの作成からプログラミングまでがわかりやすいくまとめられている。ステップごとにコードを実行するウィンドウも用意されており、最後のステップでゲームとして動作するようすがわかる。

なおCanvas Tutorialではプログラミングを簡単にする目的でjQueryも併用されている。jQueryを使うことでプログラミングが簡単になる例としてもおもしろい。描画関数の作成とインターバルへの登録などアクションのある描画を実施するための基本的なテクニックがわかりやすいく、Canvasを勉強する場合にはチェックしておきたい。