ゲーム作成で学ぶCanvas機能

    後藤大地  [2008/11/27]

    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を勉強する場合にはチェックしておきたい。

    関連記事

    関連サイト

    関連したタグ

    新着記事

    特設サイトの情報

      人気記事

      一覧

        イチオシ記事

        新着記事

        特別企画

        マイナビニュースマガジン