WebのVRでジャイロやゴーグルが使えない時の見栄えを整えてみた。

こんばんは。

滋賀県発のＶＲツアー制作サービス｜楽々・簡単・綺麗な｜GooPanoです！です🎉

さて～、こちらの一般ブログで一番アクセスが多いのが・・・
哀しいかな－😅

iPhone利用のVRでジャイロやゴーグルが使えないときに確認したいこと

だったりいたします🙇💦

ん？　同業者様かもしれませんね。

或いは、ジャイロや、スマホ複眼ＶＲが使えなくなっちゃった方（エンド・ユーザ様）か・・・？

使えないのを、使えるようにするのは、VR側のバージョンアップを行わないと無理だと思います。
ヒントは、Pluginを上書きで・・・😊
（これは、普通に分かると思うの）

では、今のバージョンのままで、見栄えだけは整えたいけど、
ヤリ方が分からないっていう業者さんも多いかもしれません😊

サクッと、整えてみた例 がコチラ。。。♬
こういのは、ヒラメキが大事ですね。
ヒラめいてから、調査～改修は１時間ほど．．．

VR事例のリンクは・・・ここから

ちなみに、スマホの画面はこちら 😊👇

左が懐かし　iPhone4S
右が方遅れかな－？　iPhone SE

ご覧の通り、古いOSならジャイロもVRゴーグルも見えるし動くんですね・・・

実は、GooPanoさん、日々、コツコツと次のアップデートの開発や準備もしています。
それは、とても分かり難い所に多いのですが・・・、

最近の導入事例のご紹介では、インラインフレーム（アイフレーム）でゴーグルのボタンを消しています。
スマホご利用で全画面を見て頂けば、あら不思議😊
ゴーグルボタンが出て来ます。

では、バージョンを上げたくないけど、見栄えを整えるにはどうしたら・・・❓❓

一つの方法に、ゴーグルのボタンを消してしまう方法があります。
ジャイロのボタンは、どうやら、スマホなどがジャイロに対応していなければ、
表示はなされないみたいです．．．

しかし、ゴーグルのボタンはジャイロに関係無く残るのです・・・😢

何故か？
どうやら、マニアックなのですが、平面写真の視差を用いて立体的に見せる技術もありまして・・・
その関係で表示は残しているようです。

あ。。。パノラマ写真でも見渡せないだけで、「正面だけの静止画」としてなら見ることはできるんですがね。

でも、知っている方からすると、「あれ？バグっている？」と思われても・・・ね。😅

では、一般的には、いっそのこと・・・、

ジャイロが利かない状態
＝ゴーグルボタンは非表示

っというのが分かり易いのでは・・・！？

あ、簡単・簡単っと普通は思ってしまうのですが、消したり・出したりは、中々、難しいですよ。

最初から消し去ってしまうのは簡単ですが、後で、システムをアップデートした時に、
態々、書き直すのも一手間、二手間かかるかも？？？ということで・・・
そして、システムをアップデートした後・・・、
スマホがアップデートして、使えなくなったのが分かった時にボタンを消し去る・・・💧
（そりゃ～無理ってものですね）

ところが、このゴーグルのボタン、普通にプログラムを触っただけでは消せません😱😱😱
false　（← 分かる方には分かる）　でも表示がされるのです。

色々なヤリ方があると思われますが、
当チームが導いた一つの答えの　ヒント　は、

「availablekin == true」

みたいなのを、何処かに仕込んじゃうっということです
(#^.^#)

分かる方には、そういう事か！っと同時に、
言わないで～！！！っとか思われるかもしれませんね😊

でも、コレ、実は思った以上に汎用性があるコードです。

・

ジャイロが利かない＝ゴーグルが表示されないっていうことは・・・
例えば、デスクトップのモニターで見るなら、ゴーグルボタンは表示されないっていうことですね。

更には、先のBlogの通り、ジャイロやゴーグルを使うにはSSLが必須な訳ですが、
SSL用／SSL無しでプログラムを分ける必要が無くなる訳です😊

👉 SSLありの時は、ゴーグル表示（ゴーグルに対応）
👉 SSLが無い時は、ゴーグル非表示（普通のパノラマツアーとして）

っというのが自動になりますね👍

・

✨　他にも・・・ふふふ😊です。

これは、実装できる方は、実装すべき！な素敵コードかと思います。

繰り返しますが、以下の時は、VRゴーグルが表示さません
（で作ったつもりです～❗）

iframeで埋め込んだ時
言わずもなが、インラインフレーム内でＶＲゴーグルの表示になっても・・・
綺麗に見ることができませんので・・・💧
ジャイロ機能が新しいスマホに付いていけていない古いツアー
新しいスマホにジャイロが対応しきれていない場合、VRゴーグルアイコンも非表示に～
VRゴーグルだけ表示があっても・・・バグ？と思われかねませんので・・・
ジャイロが無いハードウェア
例えば、デスクトップパソコンのモニターにVRゴーグルがあっても・・・
邪魔なだけかもしれませんよね！
非SSLサーバ
これもVRゴーグルが普通は表示されてしまいます・・・
AというSSLありサーバと、BというSSLなしサーバで設定を切り替えるのは面倒ですね。
例えば、お客様が後からSSL対応にしたよ～！＞プログラム修正に・・・は、通常はお金もかかる（かも？）

もしかすると、他にバグがでるかもしれませんので。。。
しばらくは、時間を見つけて検証をして行きたいと思います。。。

お～っ❗

GooPanoの奴、ちょっだけ知識もありそうだし、安心したな－お願いしようかな－✨

そう思われた貴社からのお問合せやご依頼をお待ちしております😊