◎◎◎美術大学出身のWebデザイナー◎◎◎

コンペで勝てるWEBデザイナーになる!!

MacでFirefoxの3Dビュー

こんばんわ

今回はFirefoxの特有の機能である3Dビューが表示出来ない人の為の改善策をお伝えします。

 

Firefoxの3Dビューを使えば、要素がブロックとしてこのように表示されるので、コーディングの勉強にとても役立つと思います。色々なサイトを3Dビューで表示して自分の作成するサイトのアイディアに応用しましょう。

 

f:id:summerchildren:20141017210935p:plain

 

私はMacOS X 10.9.5でFirefoxの3Dビューが表示出来なかったので、もし同じように表示出来ない人の手助けになれば嬉しいです。

 

-------------------------------------------

  『3Dビュー』のボタンが表示されない改善策

 

f:id:summerchildren:20141017211241p:plain

 上の画像のように3Dボタンがない場合に考えられるのが、WebGL(ウェブブラウザで3次元コンピュータグラフィックスを表示させる仕様)をサポートしていないことです。

 FirefoxWebGLをサポートできるようにコンフィグ(法人向けに多くの機器の設定情報を統合管理するシステム)を変更します。

 1...  アドレスバーに「about:config」を入力して、「細心の注意を払って使用する」をクリックして下さい。

 

2...ページインスペクタが有効で要素の検証が行えるようになっているかチェックします。

  検索フォームに「divtools.inspector.enabled」を入力し、devtools.inspector.enabledがfalesになっていたら値をダブルクリックして、trueにして下さい。(ダブルクリックをすると切り替わります。)

f:id:summerchildren:20141017212505p:plain3...次に、検索フォームに「webgl」と入力し、WebGL関連のコンフィグを表示します。

その中の

webgl.disabled」をfalseに、

webgl.force-enabled」をtrueにして下さい。

 

f:id:summerchildren:20141017214150p:plain4...変更したらFirefoxを再起動すると、3Dビューボタンが表示されるはずです。

 

-------------------------------------------

  表示されない場合は、他関連のコンフィグの設定によって表示されない事やPCにビデオカードが対応していない事など考えられます。

 私の場合、Firefoxを全く使っていない状態で上記を変更し、3Dビューボタンが表示されるようになりました。

是非コンフィグ設定を変更して3D体験をしてみてください^^