ペット・動物 | 映像・アニメ | 芸術・音楽 | 赤ちゃん・子ども | ニュース | 生活 | 教育 | スポーツ・車 | 技術・コンピュータ | ゲーム

技術・コンピュータ

技術・コンピュータ

技術・コンピュータ

【FLASH VS HTML5】半分はフラッシュ、もう半分はcanvasで組まれたホッケーゲーム

左半分はフラッシュ、右半分はHTML5のcanvas要素とJavaScriptで組まれたホッケーゲームのご紹介です。

プレイはこちらから:Flash Vs HTML5(※Firefox、Chrome、Safari、Operaで動作確認済み)

Canvasとは

Canvasとは、ブラウザ上に図を描くために策定された仕様です。

これまでHTML上で図を表現するためには、GIFやJPEGといったフォーマットの画像を用意する必要がありました。また、条件に応じて表示する図を変化させたり、アニメーションを実現するために、FlashやJavaアプレットが使われてきました。

Canvasは、FlashやJavaのようにプラグインを使わずに、JavaScriptベースで図を描くことができます。

参考サイト:Canvas – HTML5.JP

canvas要素について参考になるページまとめ

技術・コンピュータの記事をもっと見る »

コメントをいただけると嬉しいです!

2010年11月06日

ページトップに戻る