HTML5ウェブサイトショーケース48 Flash-Killingデモの可能性

それで、あなたは、HTML5に関するすべての噂がAdobe Flashを引き継ぐだろうと聞いたことがあります。ほとんどのWebコミュニティはそれが可能であるかどうかを主張していますが、あなたはHTML5を強力にするものを放浪している必要があります。.

この記事がある理由はここにあります、私達はHTML5ができることについて話すつもりはありませんが、HTML5がJavaScriptのような他の言語で達成できる魔法のことの実演を見せます。.

注：HTML 5はInternet Explorerなどの特定のWebブラウザでは完全にはサポートされていないため、以下のHTML 5デモをすべて表示するにはFirefoxブラウザを使用することを強くお勧めします。.

アニメーション

HTML 5のキャンバス要素は、HTML 5が特定のFlashアニメーションを置き換えるための決定的要素です。 Javascriptを使用して、2Dシェイプおよびビットマップイメージの動的でスクリプト可能なレンダリングを構築できます。これは、他の意味では制御可能なアニメーションです。.

オーディオバーストアニメーション

HTML5のキャンバスとオーディオタグで作成された快適で素晴らしいアニメーション.

ボールプール

前回のGoogle I / Oイベントで紹介されたこのデモでは、HTML5がいかに動的にできるかを説明します。.

ブロブサラダ

あなたを喜ばせるであろうHTML5生成の生き物.

ボモモ

Bomomoでは、HTML 5でシミュレートしたさまざまな原子運動を観察できます。.

ブラウザボール

この「クロスブラウザ」HTML5ボールに驚かせてください.

泡

色の異なる無限の浮遊泡を作成して楽しんでください.

キャンバス漫画アニメーション

HTML5のキャンバス要素で何ができるのかを理解するのに役立つ、シンプルで面白いHTML5の漫画.

クールクロック

HTML5とJavaScriptによって構築された素敵でカスタマイズ可能なアナログ時計.

Flickr PS3スライドショー

WebブラウザでPS3スタイルのスライドショーを使ってFlickrの写真を見る.

インタラクティブポラロイド

マルチタッチインターフェースとよく似たインタラクティブデモ.

JS花火

HTML5とJavascriptを搭載した、お好みの重力とスピードで花火の瞬間を楽しんでください。.

万華鏡

非常に美しい未来的なHTML5万華鏡.

液体粒子

マウスの動きに基づいて反応する敏感なパーティクルアニメーション.

メスライザー

近くの要素がマウスの動きにどのように反応するかを示す、もう1つの繊細で優れたHTML5デモ.

星雲

この素晴らしいHTML5星雲に迷子になる.

視差

すべての2D形状を平行透視図で見る.

パーティクルアニメーション

あなたの好みのメッセージに形づくることができる優雅なHTML5の粒子の生気.

広がる

この無限の広がりのアニメーションで迷子になる.

スターフィールド

マウスの動きに基づいて方向や速度が変わる非常にクールなHTML5スターフィールドアニメーション.

ビデオ破壊

ビデオを再生するためのワンクリック.

波形

振幅、波長、幅などを変更して、HTML5のキャンバスウェーブがどのように動くかを観察します。.

3D効果

キャンバスアニメーションに感動？それはHTML5のcanvas要素ができることであり、それは3D効果と呼ばれます。開発者はキャンバス要素、DOM、およびJavaScriptを使用して3D効果を作成できます。これを後で3Dアニメーションまたはゲームに開発できます。.

Canvas3DとFlickr

Flickrのフォトストリームでまったく新しい3D体験を.

布シミュレーション

現実的なHTML 5ベースの布シミュレーション.

進化するモンスター

複雑な生き物に進化しているモンスターを見てください。その創造者の一人はHTML5です。.

Google Giftbox

巨大検索エンジンGoogleは3Dの再生可能なビューで表示されます.

JSタッチ

高品質でリアルな「3D on 2D Canvas」ショーケース.

データ表示

HTML5のキャンバス要素はアニメーションや3D効果を作成するために使用することができますが、それはまた数学データを提示するために実装することができます.

Gnuplot

Gnuplot、HTML 5バージョンのデータプロットアプリケーション.

Rグラフ

RGraphは棒グラフ、プログレスバー、伝統的なレーダーチャートなどの幅広いデータ表示を提供します。.

ウェブアプリケーション

最終的には、HTML5と他の言語とを組み合わせて、Flashアプリケーションに近いインタラクティブなアプリケーションやゲームを作成することができます。.

CanvasPaint

Microsoft Paintの兄弟があなたのWebブラウザに入ってくるのを見てください。彼の父親はHTML5です。.

CanvasMol

特定の地球要素の構造を理解するのに役立つように構築された科学的アプリケーション.

漫画ビルダー

この最小限でインタラクティブな漫画ビルダーで面白い漫画のイメージを描く.

ここに何でもドラッグ

デモ内をドラッグして詳細を表示することができます。.

ガルティックスケッチ

あなたがjpegやpngのような異なる画像フォーマットに保存することができるいくつかの基本的な図面を作ることを可能にするオリジナルのHTML5アプリケーション.

物理スケッチ

好きなものをすべて描画し、それらが模擬重力とどのように反応するかを確認.

スケッチパッド

あなたが正確な方法であなたのイメージを描きそして編集することを可能にする強力なHTML5ドローイングアプリケーション.

スモールトーク

Twitterから取得した天気関連のメッセージの地理的位置を確認し、それをキャンバスベースの「ソーシャル天気」マップにするWebアプリケーション。非常に簡単ですが（著者が述べていますが）興味深いです.

ゲーム

3退屈

あなたが次の秒で何百ものHTML5弾丸を避け続けることができるならば、決して飽きないでしょう.

起こる

すべてのレンガを壊すためにボールをリバウンド.

キャンバスケープ

それほどゲームではありませんが、HTML 5を使って一人称シューティングブラウザゲームを開発する方法を示しています.

それを捕まえて

あなたがあなたの勝っているHTML5広場を得るためにあなたが避けることができるボールの数?

連鎖反応

目標を達成するために爆発を連鎖させ、中毒にならないでください.

キューブアウト

テトリスを3Dで上から見た図.

etchaPhysics

ボールを星に移動させるアイテムを描きます。重力を忘れないでください.

ジグソーパズル

このHTML5ベースのジグソーパズルを解決するためにパズルのピースをクリック、回転、ドロップ.

スライドパズル

あなたのマインドジュースを絞るために作られているもう一つのHTML5ゲーム、勝利へのスライド.

同じゲーム

特定のグループを削除して別のグループを同じ色でペアにすると、最終的には勝利を得ることができます。.

テトリス

HTML5によって復活した最も古典的なゲームの1つ.

トーラス

疑似3D版のさらに別のテトリスゲーム.

結論

HTML5の制限は何ですか？現時点で決定することはできませんが、以下の印象的なビデオを見ると、HTML5がどれだけプッシュされたかを知ることができます。

はい、それはWebブラウザのQuake IIなので、今やHTML5で、より多くの革新的なWebアプリケーションが何十億ものインターネットユーザにサービスを提供するために誕生することは非常に明らかです。それは速く、進化し、そしてワールドワイドウェブを変えています。問題は、どのようにしてこのゲームを変えるHTML 5を使用することですか?

あなたの考えを聞きたいです!