このページの本文へ

HTML5先取り!CanvasならFlash不要で絵が描ける (3/3)

2009年05月20日 09時56分更新

文●藤本 壱

  • この記事をはてなブックマークに追加
本文印刷

使いこなせばさらにリッチなグラフやゲームも!

 今回紹介したグラフはごくシンプルな例ですが、Canvasを使えば、Canvas上に画像を重ね合わせたり、グラデーションで色を塗ったり、といったこともできます(筆者が作成したサンプル)。さらにCanvasを使いこなせば、ゲームなどの複雑なプログラムも作れます(海外サイト「The Bill Mill NCAA Bracket Randomizer」のサンプル)。

Canvasで描いたグラフの例

Canvasに画像を描画したり、グラデーションで色を塗ったりできる(http://www.h-fj.com/ascii/canvas/sample2.html)

Canvasで描いたグラフの例

Canvasで作られたゲームの例(http://billmill.org/static/canvastutorial/)


 Canvasの使い方を学ぶには、Mozilla Developer Centerの「Canvasチュートリアル」の解説が分かりやすく、オススメです。参考にしてぜひチャレンジしてみましょう。

前へ 1 2 3 次へ

Web Professionalトップへ

この記事の編集者は以下の記事をオススメしています