カテゴリー一覧

技術・コンピュータ

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


左半分はフラッシュ、右半分は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要素について参考になるページまとめ


Twitter

Facebook

Googleリーダー

Add to Google

この記事についてのご意見、ご感想、補足、ツッコミ等はこちら!

  1. No.3570:通りすがりの名無しさん 2010年11月06日 11:12
    普通にプレイできなくてワロタww
    このコメントを評価する:
    • 0
    • 1
  2. No.3571:通りすがりの名無しさん 2010年11月06日 11:43
    たまにバグって球が壁にめり込んでしまいますね
    でもFlashとHTML5のハイブリットという構成が興味深いところです
    このコメントを評価する:
    • 0
    • 0
  3. No.3583:通りすがりの名無しさん 2010年11月06日 23:54
    普通にプレイできなくてワロタwwwwww
    このコメントを評価する:
    • 0
    • 1
  4. No.3588:通りすがりの名無しさん 2010年11月07日 00:49
    一人ホッケー難しす。
    でもこれ左と右に差がないもんですねえ。
    このコメントを評価する:
    • 0
    • 0
  5. No.3592:通りすがりの名無しさん 2010年11月07日 01:51
    早くなってくるとFLASHは球がきれいに表示できてないなぁ。

    by Chrome
    このコメントを評価する:
    • 0
    • 0
  6. No.3597:通りすがりの名無しさん 2010年11月07日 12:54
    Flashの方が重い
    このコメントを評価する:
    • 0
    • 1
  7. No.3662:通りすがりの名無しさん 2010年11月09日 16:05
    震えながら上辺に沿って進み、いきなり軌道を変えて飛び出すとかいう魔球が炸裂してビビった
    このコメントを評価する:
    • 0
    • 0
コメントをどうぞ

このページの上部へ戻る