WebGLは、静的なサイトだけでなく、 インタラクティブな3Dアプリケーションによってもインターネットが構築される未来のWebの可能性のある技術の1つです 。 WebGLは、現在GoogleとMozillaによって推進されている技術であり、プラグインなしで3Dグラフィックスを生成するJavascriptの機能を拡張します。 このショーケースでは、WebGLを使用して開発された最高の30の実験サイトが表示されます。
これらのサイトを開くには、 Google ChromeブラウザーまたはFirefoxまたはSafariの最新バージョンが必要です 。 現時点では、Internet Explorerでは表示されません。
これらの各サイトは、開いた後、キーボードのF11キーを押すことでフルスクリーンで見る価値があります。
また読む： 最高のフラッシュおよびHTML5サイト、最も美しく、アニメーション化されたインタラクティブなサイト
1） インタラクティブビデオ
-3 Dreams Of Blackは、インタラクティブな3Dシーケンスに絡み合う描画とアニメーションから構築された仮想世界です。
-アクアリウムは、水中環境がシミュレートされる実際のアクアリウムです。 このデモでは、高品質のテクスチャ、アニメーション、ピクセルシェーダー、および画像を完全にリアルにするために必要なすべての3D魚モデルを提供します。 左側のメニューから、カメラを変更して魚の数を増やすことができます。
-Attractors Tripは、3Dのハイパースペースで旅行を体験できるインタラクティブなデモです。 キーボードの矢印で上下に加速し、左右で回転を変更できます。
- クラゲは科学的かつ現実的な方法で再現されたクラゲです。
- ウォブルダンスは、非常に不穏な音楽で顔が動く美しいビデオです。
- インタラクティブビデオでダンスと歌を歌うCirque De Soleilは、Googleが推進する「Chrome Experiment」です。
-Great and Powerful Wizard of Ozのビデオは、ディズニーとGoogleが開発したイタリア語のHTML5のインタラクティブアプリケーションでした。
2） 車 3つの美しいサイトは、レーシングカーとF1フェラーリの愛好家に捧げられています。
-HelloRacerでは、矢印を使用して3Dで忠実に再現されたフェラーリを運転し、ビデオゲームのようにその動きを追跡できます。
-別の3Dサイトも車専用です：ランボルギーニガヤルド、ブガッティヴェイロン、フェラーリF50、シボレーカマロ車のモデルが再現され、色も選択できる材料車 。
-3番目のサイトは、異なる角度で3Dで表示された2台のレースカーを運転できるWebGL Carsです。 1台のマシンは矢印で駆動され、もう1台のマシンはWASDキーで駆動されます。 Bを押すと速度効果が得られ、Nを使用すると夜景を設定できます。
3） 作成
-Collectibles Printerは、シンプルなエディターを使用して3D人物を作成できるWebアプリケーションです。
WebGLを使用してWebアプリケーションを開発できることは間違いありません。この3D Figure Designerを使用すると、楽しいコンポーネントとスムーズなユーザーエクスペリエンスで笑顔になります。
最後に、作成したリンクをリンクで共有できます。
-Google Web Labはオンライン実験のセットです。その中で最も良いのは、インタラクティブシーケンサーを演奏できるオーケストラの実験です。 ロンドン科学博物館に直結しています。 また、世界の画像を検索するData Tracer、他の国のWebカメラを表示するTeleporter、顔が描かれていることを確認するSketchbotもあります。
- スケッチは、マウスで描画できる黒板です。 各デザインは360度回転できます。
他の素敵な作成サイトは、インターネット上の抽象芸術と絵画や図面の作成の記事にあります
4） WebGLのオンラインゲーム - 主観的な視点を持つパックマンFPSはゴージャスで、プレイステーションでもリリースされたことがない3Dのパックマンゲームです！
TankWorldは、探索するマップとプレイするレベルが異なるシューティングゲームです。
-Playmapscubeは、現実の世界で設定されたGoogleマップに基づくゲームの記事で数か月前に言及したGoogleマップキューブにボールを転がすことができるゲームです。
5） 写真操作 -Rutt-Etra-Izerは、写真をアップロードして、3Dで非常に特殊な効果で表示できるWebアプリケーションです。 画像を保存するには、Sキーを押しながら右側でさまざまなパラメーターを移動して表示をカスタマイズします。
-WebGl Filterは、写真をアップロードし、さまざまなパラメーターを移動してさまざまな効果を適用したり、画像を編集したりできる、実際のインタラクティブなWeb写真編集アプリケーションです。
5） Twitter
Ultranoirは、Twitterと統合される3Dアニメーション動画です。
おそらく今日のTwitterで最も言及されているハッシュタグを指定することができます。これは、ロマンチックな音楽とリラックスした雰囲気で味付けされた飛行物体、飛行機、宇宙船によって行われるさまざまなツイートを読むことです。
マウスを動かしてクリックすると、ビューを変更できます。
6） Google Chrome Experimentsは、次を含むGoogle WebGL実験ページです。 -BookCase WebGLは、10, 000冊のGoogleブックスの本の表紙を閲覧できる仮想書店です。
トピックで検索したり、3Dモデルを開いたり、QRコードを使用して携帯電話で書籍をダウンロードしたりすることもできます。
残念ながら、英語で書かれた本だけが収集されます。
-Google Gravityは、ページの一部が地面に落ちている状態でGoogleを検索するための便利な方法です。
Google Gravityは、Googleの最高のジョークの1つです。
- ボールで遊ぶことができるボールプール 。
-WordFlightsを使用すると、すべてのメインプレーンのルートを表示して、 会社ごとにフィルタリングできます。
-StreetView StereoGraphicは、一方がGoogleマップで、もう一方がGoogle StreetViewであり、通りが水晶玉の中にあるかのように見えるWebアプリケーションです。
- トキトキは、ウェブサイトのスクロールで作られた時計です。
最後に、GoogleマップでWebGLグラフィックをアクティブ化することもできます。
