WebGL は、よく知られた OpenGL 3D グラフィックス標準に基づいた JavaScript API であり、HTML5 canvas 要素を介して、グラフィックス ハードウェアへのプラグインなしのアクセスを JavaScript に提供します。 WebGL のおかげで、Web ページにリアルタイムの 3D グラフィックスを含めることができます。
Apple もこの標準をサポートしているので、Mac、iPhone、iPad 上の Safari でいつか (おそらくすぐではないですが) 登場すると期待できますし、Opera は独自のバージョンをテスト中なので、唯一の希望者は Microsoft です。
では、腰を落ち着けて、最新のブラウザを起動し、これらのデモをチェックしてみてください。
パスタ
多色の照明と光と影の興味深いアプリケーションは、マカロニの劇的なスローモーション雪崩で効果的に使用されています。 7228>
Just a Reflector
Just a Reflector は、Google Data Arts Team と Unit 9 が Arcade Fire のために作成したインタラクティブなミュージック ビデオです。 上記は YouTube のビデオ（インタラクティブではない）ですが、インタラクティブなバージョンにはこちらからアクセスできます。
Nouvelle Vague
ultranoir による Nouvelle Vague は、いくつかのツイートを 3D 景色に配置するだけであり、比較的単純なものです。 しかし、それは、この特別なサイトを正当化するものではありません。 Nouvelle Vagueには、複葉機、飛行船、気球など、あらゆる種類の空飛ぶ乗り物が登場します。 アーティストがBlenderで作成し、WebGLのシーンにインポートした、見事に実現されたこれらのモデルはすべて、ツイートを運び、巨大な中央の像の周りを回っています。 とてもシュールなサイトですが、とてもよくできています。
Chemdoodle: MolGrabber 3D
新しい技術に期待されるように、多くの人が WebGL を使ってかっこいいデモを行い、実際のツールは少なくなっています。 Chemdoodleはこの例外です。科学的視覚化の会社であるiChemLabsは、Webページで分子を見るためのツールをまとめました。 7228>
The Biodigital Human
医学というテーマに沿って、BioDigital Systems の 3D Human を紹介します。 骨格と血液システムをご覧になりたいですか？ ボタンをクリックするだけです。 3Dマップにより、ウェブや携帯電話で病気や治療法を視覚化することができます。
FractalLab
Tom Beddard はソフトウェア工学に魅了される前にレーザー物理学者としてのキャリアをスタートし、今では彼の素晴らしい 3D フラクタルでよく知られています。 FractalLab は彼の WebGL による作品で、表示されるものすべてをコンピュータ上でリアルタイムに計算します。 7228>
Jellyfish
Aleksandar Rodic によるもうひとつの美しい光景、しかしもう少し穏やかです：浮かぶクラゲの海を、すべてコンピュータ上でシミュレーションしているのです。 また、彼が作成した、Kinect で制御可能なバージョン (残念ながら公開されていません) のビデオもお見逃しなく!
CycleBlob
TRON のライトサイクルシーンから、Shy Shalom の CycleBlob はおなじみのゲームに新しい風を吹き込んでいます。 あなたのスネーク スキルを、ますます複雑になっていく 3D サーフェスに適用できるかどうか、試してみてください。 WebGL のさらにすばらしい 6 つの例
…