![habrahabr 3Dビュー](https://habrastorage.org/getpro/geektimes/post_images/15e/7d0/98f/15e7d098ff5b3a892f2e3b09896e98eb.png)
まず、WebGLを使用したこの3Dモードは、サイト分析の観点から役立ちます。レイヤー間の接続を視覚的に表示し、隠された要素を検出し、ページ上の特に難しい場所を明らかにします。
たとえば、これらの背の高い家は、facebook、twitter、google +、vkontakteなどのソーシャルボタンの標準パックにすぎません。
![ソーシャルICO 3Dビュー](https://habrastorage.org/getpro/geektimes/post_images/195/6a4/35a/1956a435ae02e75df996705668470dec.png)
すでによく知られているサイトを少し異なる角度から見ることも興味深いです:
![ya.ru 3Dビュー](https://habrastorage.org/getpro/geektimes/post_images/a5e/1e3/f4a/a5e1e3f4a5996094d367aeaacdc54612.png)
ただし、この検査官は、まったく予期しない方向からアプローチすることができます。 例えば、エリック・ビアマンのように。 彼は、Minecraftのファンが確かに感謝するページを作成しました。
ベータ版のFirefoxがインストールされており、システムがWebGLをサポートしている場合、 www.dev-kitchen.com / ff3d /のハードワークを個別に評価できます。 なぜ簡単ではないのか、自分でそのようなものを作ろうとすると理解できます。
この例は楽しみのために作成されているという事実にもかかわらず、この手法は将来的にウェブサイトで積極的に使用することができます。 所有者は、特に上級ユーザー向けにコンテンツを巧妙に非表示にしたり、プロモーションコードを投稿したりできます。
3Dモードは別のアプリケーションで見つけることができます-Webの基礎、特にhtmlとcssを学ぶ分野で。 実際、このようなプレゼンテーションでは、レイヤー、ブロック、z-indexの機能についての説明がはるかに効果的です。
少し夢を見ると、サイトがどのようにインタラクティブな3Dゲームに変わるかを見ることができます。 コンテンツの左側と右側のサイドバーの間にあるスペースを想像します。これは、ウェブサイトの軽量なニードフォースピードのトラックのようなものです。
![habr道路3 dビュー](https://habrastorage.org/getpro/geektimes/post_images/fd4/b8c/662/fd4b8c66207ed8dac90f866bee082106.png)
潜在的な機会はこれに限定されず、オプションを提供し、おそらく近い将来に実現されるでしょう。
以前の3dは、Firefoxの将来のバージョンの革新に関する記事の一部として、昨年末にjestonによって書かれたことを思い出させてください。Firefox11 のページのDOM構造の新しいスタイルエディターと3D表示
Ctrl + Shift + Iを押すか、FirefoxButton-> Web Developer-> Web Inspectorのブラウザインターフェイスに従うことで、3次元モードに到達できます。右下隅に3Dビューボタンがあります。 そうでない場合、システムはおそらくWebGLをサポートしていません
UPD:3次元エッフェル塔のあるページ、ありがとうchaos8 : http : //www.cedricrey.fr/atelierWeb/tour_eiffel_3D.html