HTML5 が Adobe Flash を引き継ぐという噂はすべて耳にしたことがあるでしょう。 ほとんどの Web コミュニティではそれが可能かどうか議論されていますが、巨大企業 Apple でさえ Flash を置き換えるために HTML5 を使用したいと考えるほど、HTML5 が強力なのはなぜなのか、疑問に思っていることでしょう。
Note: HTML5 は Internet Explorer などの特定の Web ブラウザでは完全にサポートされていないので、以下のすべての HTML5 デモを表示するには Firefox ブラウザを使用することを強く推奨します。 この要素により、Javascript で 2D シェイプやビットマップ画像のダイナミックでスクリプト可能なレンダリングを構築することができ、つまり、制御可能なアニメーションとなります。
Blob Sallad
HTML5 から生み出されたクリーチャーは、あなたを楽しませてくれるでしょう。
Browser Ball
この「クロスブラウザ」HTML5ボールで驚かせましょう。
Bubbles
Have fun by creating endless floating bubbles with different color.
Canvas Cartoon Animation
A simple and funny HTML5 cartoon that helps you understand what HTML5’s canvas element can do.
HTML 5 のアニメーションで、HTML5 の canvas 要素で何ができるか理解できます。
Coolclock
HTML5 と JavaScript で作られた、カスタマイズできる素敵なアナログ時計。
Flickr PS3 Slideshow
Flickr の写真を Web ブラウザで PS3 スタイルのスライドショーとして表示することができます。
Interactive Polaroid
マルチタッチ インターフェイスにかなり近い動作をするインタラクティブなデモです。
JS Fireworks
HTML5 と Javascript を使用して、お好みの重力と速度で、花火の瞬間を楽しむことができます。
Kaleidoscope
非常に美しく、未来的な HTML5 万華鏡。
Liquid Particles
マウス操作に基づいて反応する、敏感な粒子アニメーションを提供します。
Mesmerizer
マウスの動きに応じて近くの要素が反応する、繊細で優れた HTML5 デモです。
Nebula Cloud
この不思議な HTML5 の星雲で迷子になる。
Parallax
すべての 2D シェイプを平行透視で表示。
Particle Animation
お好みのメッセージに形成できるエレガントな HTML5 パーティクル アニメーション。
Spread
この無限の広がりアニメーションで迷子になる。
Starfield
マウスの動きに応じて方向と速度が変わる、非常にクールな HTML5 星野アニメーションの例です。
Video Destruction
ワンクリックで再生中のビデオをブーム化する。
Waveform
振幅、波長、幅などを変更することにより、HTML5 のキャンバス波の動きを観察してください。 それは、HTML5 の canvas 要素ができることであり、3D 効果と呼ばれるものです。 開発者は canvas 要素、DOM、および JavaScript を使用して 3D 効果を作成し、後に 3D アニメーションまたはゲームに発展させることができます。
Cloth Simulation
HTML5 ベースのリアルな布シミュレーション。
Google Giftbox
巨大な検索エンジンGoogleを3Dのプレイアブルビューで表現。
JS Touch
高品質でリアルな「2Dキャンバスに3D」のショーケース。
Data Presentation
HTML5 の canvas 要素はアニメーションや 3D 効果を生み出すのに使用できますが、数学データを提示するのにも実装できます。
Gnuplot
Gnuplot という HTML5 版データ プロット アプリケーションがあります。
RGraph
RGraph は、棒グラフ、プログレスバー、従来のレーダーチャートなど、幅広いデータ表示を提供します。
Web Application
最終的には、HTML5 と他の言語が組み合わせたすべての可能性を使用して、Flash アプリケーションに近いインタラクティブなアプリケーションやゲームを作成することが可能です。
CanvasMol
特定の地球元素の構造を理解するために作られた科学的なアプリケーション。
Drag Anything Here
Drag anything you can drag in the demo to show details.
Gartic Sketch
Jpeg や png など異なるイメージ形式で保存できるいくつかの基礎図面を作成できるオリジナルの HTML5 アプリケーションです。
PhysicSketch
好きなものを描き、それらが模擬重力でどう反応するかを見る。
Sketchpad
精密な方法で画像を描いて編集できる、強力な HTML5 ドローイング アプリケーションです。
Smalltalk
Twitterから取得した天気に関するメッセージの地理的位置を確認し、キャンバスベースの「ソーシャル天気」マップに形成するWebアプリケーションです。
Game
3Bored
数百のHTML5弾を一瞬で回避し続けることができれば飽きることはない。
Breakout
Rebound the ball to break all brick.
Canvascape
ゲームというほどではありませんが、ファーストパーソンシューティングブラウザゲームを開発するのに HTML5 がどのように使用できるかを示しています。
Catch It
何個のボールをかわして、勝利のHTML5マスを獲得できるか?
Chain Reaction
ゴールを達成するには、中毒にならないように、爆発の連鎖を利用してください。
Cubeout
3D、トップダウンビューでテトリスをプレイ。
etchaPhysics
アイテムを描いてボールを星に移動、重力も忘れずに。
Jigsaw Puzzle
Click, rotate and drop puzzle pieces to solve this HTML5-based jigsaw puzzle.
Slide Puzzle
Slide to the victory, another HTML5 game is built to squeeze your mind juice.Slide Puzzle このパズルは、クリック、回転、ドロップでパズルが完成します。
Same Game
特定のグループを削除して、同じ色でペアになった別のグループを取得すると、最終的に勝利が与えられます。
Torus
擬似 3D 版の別のテトリス ゲーム。
結論
HTML5 の限界は何なのか? この時点では判断できませんが、以下の印象的なビデオで、HTML5 がどこまで進化したかを知ることができます:
Quake II in Web ブラウザです。 HTML5は速く、進化し、ウェブを変えていく。
あなたのアイデアを聞かせてください。