これまでに見た中で最高の30のアニメーションWebサイト、すべて3Dで、新しいWebGLインターネットテクノロジーとインタラクティブ
The WebGL は、インターネットが静的なサイトだけでなく、 3Dインタラクティブアプリケーション。 The WebGL は、プラグインなしで3Dグラフィックスを生成するJavascriptの機能を拡張する、現在GoogleとMozillaによって推進されているテクノロジーです。 このウィンドウでは、 WebGLで構築された上位30の実験サイト 多くの場合、クリックして確認する必要があります。 壮観!
これらのサイトを開くにはブラウザが必要です グーグルクローム または最新バージョン FirefoxまたはSafari; 現時点では、InternetExplorerでは表示されません。
これらの各サイトは、開いた後、ボタンを押すことで全画面で表示する価値があります F11 キーボードで。
最高のHTML5サイト、最も美しく、アニメーション化されたインタラクティブなサイト
インタラクティブビデオ
– 黒の3つの夢 これは、インタラクティブな3Dシーケンスで絡み合う図面とアニメーションから構築された仮想世界です。
– 水族館 水中環境をシミュレートする本物の水族館です。 デモでは、高品質のテクスチャ、アニメーション、ピクセルシェーダー、および画像を完全にリアルにするために必要なすべてを備えた3D魚モデルを提供します。 左側のメニューから、カメラを変更して魚の数を増やすことができます。
– アトラクターの旅 代わりに、3Dでハイパースペーストラベルを体験できるインタラクティブなデモです。 キーボードの上下の矢印でスピードを上げたり、左右の回転を変更したりできます。
– クラゲ 科学的かつ現実的に再現されたクラゲです。
– ぐらつきダンス 非常に不穏な音楽で顔が動く美しいビデオです。
– Zoomquitサイトは無限ズームであり、あたかも新しい世界に入ったかのように、一方の画像がもう一方の画像に入ります。
– ウルトラノワール Twitterと統合された3Dアニメーションビデオです。 おそらく今日Twitterで最も引用されているハッシュタグを指定し、ロマンチックな音楽とリラックスした雰囲気で味付けされた、飛行物体、飛行機、宇宙船によって作成されたさまざまなツイートを読むことができます。 マウスを動かしてクリックすることで、ビューを変更できます。
– ステュクス川 ポイントアンドクリックゲームに変わるアニメストーリーを読んだり聞いたりできるサイトです。
自動車
3つの美しいサイトは、レーシングカーとF1フェラーリの愛好家に捧げられています。
– の HelloRacer ダーツを使って3Dで忠実に再現されたフェラーリを運転し、ビデオゲームのようにその動きを追うことができます。
–常にマシン専用の別の3Dサイトは次のとおりです。 素材車 ランボルギーニガヤルド、ブガッティヴェイロン、フェラーリF50、シボレーカマロの車種が再現されており、色も選択できます。
–3番目のサイトは WebGLカー 3Dで見た2台のレーシングカーをさまざまな角度から運転することができます。 1台の車はダーツで運転され、もう1台はWASDキーで運転されます。 Bを押すと速度効果が設定され、Nを押すと夜景を設定できます。
創造
– 収集品プリンター は、シンプルなエディタを使用して3D人物を作成できるWebアプリケーションです。 最後に、あなたはあなたの作品をリンクで共有することができます。
– Google Web Lab はオンライン実験のセットであり、その中で最も優れているのは、インタラクティブシーケンサーを演奏できるオーケストラ実験です。 ロンドンの科学博物館に直結しています。 世界の画像を検索するためのデータトレーサー、他の国のウェブカメラを表示するためのテレポーター、描画された顔を表示するためのスケッチボットもあります。
– スケッチ マウスで描くことができる黒板です。 各図面は360度回転できます。
他の素晴らしいクラフトサイトは記事にあります。 インターネット上で抽象芸術、絵画、デッサンを作成します。
4) WebGLのオンラインゲーム
– 一人称視点FPSのパックマン それは驚くべきことです、それはまだプレイステーションでリリースされていない3Dパックマンゲームです!
– タンクの世界 は、探索するさまざまなマップとプレイするさまざまなレベルを備えたシューティングゲームです。
– playmapscube は、数か月前に話したGoogleマップキューブ内でボールを転がすゲームです。Googleマップに基づくゲームについての記事で、現実の世界を舞台にしています。
5) 写真編集
– Rutt-Etra-Izer は、写真をアップロードして、非常に特殊な効果で3Dで表示できるWebアプリケーションです。 画像を保存するには、Sキーを押し、右側でさまざまなパラメータを移動して画面をカスタマイズできます。
– WebGLフィルター は、写真をアップロードし、さまざまなパラメータを移動してさまざまな効果を適用したり、画像を編集したりできる、実際のインタラクティブな写真編集Webアプリケーションです。
– SabreParts は、すべて3Dで、とても楽しく美しいグラフィックで、独自のライトセーバーを作成できるサイトです。
無料でプレイするのに最適なオンラインHTML5ゲーム
Google実験
GoogleChromeExperiments 以下を含むGoogleWebGL実験ページです。
– BookCase WebGL は、Googleブックスから10,000冊の本の表紙を閲覧できる仮想ライブラリです。 件名で検索したり、3Dモデルを開いたり、QRコードを使用して携帯電話に本をダウンロードしたりすることもできます。
残念ながら、英語で書かれた本しか集められていません。
– グーグル重力 これは、ページの一部が地面に落ちて、Googleにアクセスするための優れた方法です。
Google Gravityは、最高のGoogleジョークの1つです。
– ボールプール ボールで遊ぶことができる場所。
– WordFlights すべての主要な航空機のルートを表示し、会社でフィルタリングできます。
– ストリートビューステレオグラフィック これは、Googleマップが一方の側にあり、Googleストリートビューがもう一方の側にあり、通りが水晶玉の中にあるかのように見えるWebアプリケーションです。
– トキトキ ウェブサイトのスクロールで作られた時計です。
最後に、GoogleマップでWebGLグラフィックスを有効にすることもできることを忘れないでください。
それはあなたの問題を解決しましたか?
