HTML5ウェブサイト・ショーケース。 48 の Flash を殺す可能性のあるデモ

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は速く、進化し、ウェブを変えていく。

あなたのアイデアを聞かせてください。

コメントを残す

メールアドレスが公開されることはありません。