綺麗写真のパノラマ/VR・バーチャルツアーのGooPanoです🎉

久々に、いい感じの『表現』が上がるかなーっという感じになったので先出しますね★😊

ホームページでは、おなじみのウェーブ？波紋の表現です。
（いろいろと、分かって来たので試している最中です・・・）

割と、癖が強くて・・・🤣
簡単に、できそうで、できないことも多いのです・・・😭

バーチャルツアーとかVRツアーの第一関門かもですが、
ボタン類が小さ過ぎたり・目立たなかったり、
酷くなると、ボタンを付けたつもりが、何か分からないという感じも多かったりします。

なので、

GooPanoでは、ボタン類、アピールしたい施設さま、
そして、施設が見せたい方（ターゲット）に合わせていろいろ変えたりしています😊
＊カスタムタイプで何時も深く考えてしまうところです・・・(笑)

ボタンのアニメーションがないと・・・
今一つ、目に留まらないのですよね－。
実際💧

さらに、アニメーションがダサいのが多いんですよね－。
実際💧

同業者様を含めて、割と同じツールを利用している所も多いのですが、このツールでアニメーションがダサくなる理由の一つは、
アニメーションGIFに近い感じのプロセスで動かすことが多いからなのですね。
パラパラ漫画みたく、１コマ・１コマで作図されたものをパラパラとめくって行くと動いているようにみえるというヤツです。

ちょっとした・見せるだけなら、それでも言いと思います。

分かりやすくしている分にはOKなんですが・・・、
分かりにくい上にダサいはとかなると涙が出てきますね。

ホームページ（Web）上の『ボタン』なら自由で綺麗な表現が沢山あるのに、
バーチャルツアーの世界では綺麗な表現ができないことに、いつもストレスを感じていました。

_{（試作中・テスト中なのですが・・・）}
それが、やっと、バーチャルツアーのボタン表現でホムペに少し追いつけた感じになりました😊

・写真綺麗・お任せOK･楽々・勝手にいい感じ ♪♪♪

☆ 綺麗だな！
☆ 便利そうだな！
☆ 何から指示するのか分からないよ！
☆ いい感じで仕上げて欲しい！

そんな貴社、貴施設のお役にたっているGooPanoです★

ご存じの方は、ご存じの　krpano。
ほぼ、360°パノラマ写真のVRバーチャルツアーのツールでは一択ではないでしょうか？

ただ、めちゃくちゃ、使い出が悪い。
半面、めちゃくちゃ、使い勝手も良い。
どっちやねーん (#^.^#)

しかも、まともに、調べても調べきれません💧
日本語の解説でいいのがないですねー
僕は、最初に、多分、唯一の説明書を読みましたが・・・
正直、半年以上、何を伝えたいのか解らないくらいでした💣
つまり、マニュアルはないのも同然です。

さて、今日は、久々に・・・２っ、つぶやきます。

ここからは、必死でコードなどを調べている方向けですー

メインのコードから、必要なコードを読み込ます（追加して行く）のに、
include　ってのを使います。

🔸 必要に応じて読み込ませたくない時、どうするの？

例えば、これは、パソコンでローカルな作業する時に使いますが、
システム上で読み込ませたくない時、ありますよね？😊

そんな時は、コレです。

<include url=”xxx”
if=”
browser.domain != ‘domain1″ AND 
browser.domain !=’domain2″ />

domain1とdomain2では、xxxは読み込まさないでね！
他に、エクセレントな書き方があると思いますが検証するのが面倒なので、
誰が見ても想像できるように、こんな感じで置いています・・・

デフォというほど、利用しています<(_ _)>

例えば、インラインフレーム（iframe）では読み込ませたいのよ！
そんな時も・・・

<include url=”xxx” devices=”iframe” />

たった、コレだけですよ😊

さて、ここまで来ると、逆に、
🔸 設定したドメインだけで、表示させたいのよ～！っというのもあると思います。
そんな時は、例えば、スポットであれば、

<hotspot name=”xxx” if=”browser.domain == ‘domain1’ ” />

コレで、domain が domain1 と同じ時には表示（読み込まれる）っという設定になります。

細かいところ、全部書くと誰も読む気がなるなると思いますので、
今日は、ここまで！

CMSでは、きっと、半分もできない色々なこと。
GooPanoなら、お客様から伝えたいという写真や動画、
Youtubeを頂けましたら、内部で丁度、良い感じ・触りやすい感じで仕上げます。

貴社向けのカスタマイズも手間暇かけずに対応ＯＫ！
綺麗写真のパノラマVRバーチャルツアー・サービスのGooPano。

ご興味沸きましたら、ぜひ、貴方のご検討項目に加えてください。

ブログを見てみると、年始から何も書けていない💧
日々に、いろいろとあるのですが・・・

今日は、ちょっとだけコードのことを。。。

プログラムを書く時に、ifとかANDとか、頭悩ますと思います。

この数日の改修で行ったのは、雛形はこうして、そして、雛形の中でも、こういう場合、こうしたい。
そういう分岐のコードです😊

引数というのが正しいのか？
パラメータというのが正しいのか？

まぁ、突っ込まないでください<(_ _)>

例えば・・・

<starting play=”true” />

<action>
if(starting.play, autorotate.stop(); );
</action>

＊だいたいで叩いた感じなので動く／動かないは？です(笑)

自由過ぎて、ヤバいのですが、「starting」という設定の中に、「play」を入れます。
そして、一つの方法ですが、”true” と “false” で動きを変えます。

例えば、自動回転なら、autorotate。
上のコードなら、true を設定した時、autorotate はストップという感じですー😊

ちなみに、autorotate.stopも使えるのは割と新しい方ですねー
この辺は、ツールのコード事情によります・・・😓

何が良いのかと申しますと、このツール、暗号化をかけるのですが、
コードとか分からない方でも、ちょっと、触れたら便利なことがあります。
ちょっと触れるところだけ、外出しに書けちゃうんですね😊

例えば、GooPanoの主コードは僕が書いて暗号化。
ホームページ（サイト）に適用する直前に、
Web制作担当者に、生コードで、ここを書き直してね！とか😊

いろいろ、遊んでしまって、まとまりがなくなる怖さです。

すみませんっ！
ご利用頂くユーザ様には、ほぼ１００％関係がないお話となってしまいました。

パノラマツアーも随分と一般的になって来ましたね。
ので、「あ、見たことあるわー」という簡単なサービスを適用されていることが多い（ほとんど）です。

確かに、下手すれば数か月も見せなくていいとか、たびたび、掲載内容を変えないとダメとか、
そういう場合、「見たことあるー」な比較的簡単なサービスが向いていると思います。

反面、掲載したい情報が多い！ブランドを意識したい！お客様を引き込みたい！
就活生に興味を沸かせたい！etcは、「見たことがない」サービスの方が、お得だと思いますー。

GooPanoは、１点・１点、ターゲットを絞って手作りさせて頂くことも、
汎用的にお作りさせて頂くことも、幅広い対応をさせて頂くことができます。

掲載させて頂いている事例もご検討に含めて頂き・・・、
こんなこともできるかなー？も、ご相談ください。

今、できなくても、フィードバックが多ければ、
今後、可能な範囲で取り組んで行きたいと思います。

よろしくお願い申し上げます！

GooPanoのちょっとしたお困りごととして・・・、
ロゴを入れ替えたり・・・
パノラマ写真を入れ替えたりとかした時に、表示させるブラウザーに反映されないということが多々あります。

ブラウザーのキャッシュ（パソコンの記憶デバイス）にファイルが残ってしまうからなんですね！

これは、少しでも表示を速くする為に、

1. ブラウザーでアドレスを開く
2. キャッシュがない時は、表示に必要なファイルを、まず、読み込み
   ある時は、必要なファイルがサーバ側にあることを確認して、可能な限りキャッシュを使う
3. 上記の内部処理をえて、ブラウザーの表示に反映

２．は、全く見えない所ですね💧

しかも、ホームページスペース（レンタルサーバ側）でも高速表示のために、同じようなキャッシュ機能を持たせているところもあるので、ややこしい限りです💣

パノラマVRバーチャルツアーは、元々のファイル量としては、それなりになります。
例えば、GooPanoさんなら、通常サイズで１パノラマ写真で１０～２０ＭＢ程度。
それに、動画や静止画が入ると、そこそこなサイズになりますね。

例えば、ホームページで１ページで１０ＭＢというと重いです💧
上から下までの文字を含めたメディアの容量です。

ただ、パノラマ写真には、上とか下とか、ツール上には概念がありません。
見ているところを優先的に、見ていないところは空いた時間でダウンロード表示的な感じ。
ダウンロードが終わると、サクサク表示に弾みがかかるという感じです。

このサクサク表示を行うには、ブラウザーのキャッシュを優先的に利用するというのが、最も効率が良いですね😊

でも・・・

公にしているページが、いつまでたっても切り替わらない💧
或いは、即時反映させたい！

でも、それは・・・
サービスをさせて頂く側の問題ではなくって、
Webサーバ側の設定だったり / パソコン側の設定だったりということです。

では・・・
どうしたら！？

名前は知らないのですが、時々、ホームページで　index.html?ver=001　とかありますね。

これは、?ver=001　を付加することで、ブラウザーに新しい番号だよーというものです。

つまり、これを利用すると・・・
GooPanoの利用ツールでも同じことができるのですね😊

例えば・・・

<scene name=”scene_01″ title=”This,Testing” onstart=”” thumburl=”panorama/01.tiles/thumb.jpg?ver=002” lat=”” lng=”” heading=””>

<view hlookat=”0.0″ vlookat=”0.0″ fovtype=”MFOV” fov=”120″ maxpixelzoom=”2.0″ fovmin=”70″ fovmax=”140″ limitview=”auto” />

<preview url=”panorama/01.tiles/preview.jpg?ver=002” />

<image>
<cube url=”panorama/01.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg?ver=002” multires=”512,1024,2048,3840″ />
</image>

</scene>

みたいな！

行を説明させて頂くと、verが002に変わったよ！
（新しいっぽいから、ファイルを読み込みなさいね！の意味）
* バージョンにより細かくは変わります

• 最初の行で、もしかすると変わっているかも？なサムネイルを読込
• ３行目は、プレビューの小さな画像を読込
• ５秒目で、細かな細分化された画像を読込

そんな感じです。

もちろん、毎回、リロードをかける方法もありますが・・・
重くはなりませんが、サーバ側の負荷がかかるので、通常は、お控え頂いた方がいいかもしれませんね。

あと、ディレクトリを変えたり，ファイル名を変えることでも対応できますが、
正直、面倒臭いのと、トラブル可能性も増えるのでお控え頂いた方がいいと思います🙇

今は、GooPanoさん利用のツール以外にも、幾つかパノラマＶＲーチャルツアーを作れる簡単っぽいソフトウェアがありますね。

ちなみに、3DVRとして、よく見るマーターポートも技術的？なところではGooPanoさんでは対応済です。
＊ そもそも、マーターポートのサービスなのでVRとしての技術は不要

それほど、高額ではありませんし、デモを見る限り「あ！ここだけ欲しい！」と思うのもあります😆
いかんせん、上のようなコードで作業をしているとビジュアルな操作ができるのは羨ましいのが本音ですｗ

ただね・・・
１本とか２本とか、制作するには便利なのですが、
１本とか２本だけ欲しいお客様なら・・・、
GooPanoさん（他含む）に、拘って綺麗に、操作し易く、各種設定をして作って頂いた方が後悔しないと思いますー。
お金はかかりますが、自社の不慣れな社員様やアルバイト様を動かすよりはずっと安価かも！

その便利なツールをGooPanoが採用するかと言えば・・・
これは、大量に作る時には向いていないかもです。
また、簡単に作れるということは、上記のような特別な対応や各種細かい設定はできないということになると思います。

お客様が自分で組み立てたり、変更ができるCMS型もありますね。
便利っぽいのですが、これまた、どれ見ても、ほぼ同じ・・・という感じで個性が０％です。
（Googleストリートビュー的な～～～）
月額もそれなりの料金が必要確定ですしね。賃貸不動産向けにはお勧めかなー。
これは、常に、ある程度、まとまった件数（ツアー数）があって、
ツアーごとに、表示させたり・消したりするのが多い業界向けかもしれません。
➜ 時々、写真が綺麗だったりすると盛り上がりますが少ないですね💧

この辺の選択は、GooPanoをご存じなければ、とても難しいですが－
書いている本人的には、GooPano、１択－(笑)

機会がありましたら、GooPanoさんを、ご検討頂ければと思いますー😊

上期も終わり・・・９月ですね。(;^_^A

さてさて、GooPanoさんはバーチャルツアーのツールでｘｍｌでコリコリと書かせて頂いているのですが、
何かとセキュリティにも気を使っています。

不正なアクセスがあってもファイル自体は暗号化をかけているので、
解析される可能性は極めて低いと思います😊

が、エラーの表示が気になっていたので・・・

☟

黒いエラー画面だけならいいのですが。。。💧
お客様が見て英語の文字が出ます。
➔　不要に焦ったりとかも❓

ありますよね・・・？
「えっと💦英語でXXXって書いていて・・・etc・・・」
➔ 余計に、混乱してしまうとか・・・

Windows10パソコンのサポートなら何となく分かります。
英語？＝かなり、アウトなエラーだなぁ・・・とか😅
（普通の絵エラーは日本語で表示が多いと思います）

また、エラーが表示されることで、
折角、セキュリティに気を配りつつも、ファイル名とかディレクトリが表示されます。

うむぅ・・・
少々、気に入らない・・・

いろいろと試すこと、数時間（？）・・・

if=”browser.domain == ‘user.domain’

おぉ～っ！

走らせてみると、画面が真っ黒（白にもできます😊）のまま。

もちろん、組み方で、強制的にリンクに飛ばしてしまうなども可能です。

素晴らしいですね🌟

一瞬、ドメインでロックをかけるの不要では？っと思いましたが、
ツール上のクラックされた際の「最後の砦」になると思っています。

２重のロックになる訳ですね。

もちろん、上記のワードを入れたら全てが真っ黒になるのかは分かりませんが、
手順を踏めば真っ黒のままです😊

うん、これは、便利そうですね。。。

とあるお客様からのご依頼がありまして、イメージ（写真）を切り替えて見せたいっと💨

実は、コレ、今までの普通のWebsiteなら全く問題ありません。（簡単です）
「スライドショー　×　css」や、「スライドショー　×　ホームページ」　etc
なんて適当にググると、コピペで動かすことができちゃいます😊
＊ 更に、ちょっとしたカスタマイズもOKですね。

もちろん、GooPanoでも手動で開くスライドショーは制作済み。
JSの力を借りて簡単な方法でも確認済みです。
コレは、比較的、簡単です。

今回のご依頼で困ったのは、本当に、盲点でした。
Websiteならページを開いて勝手に流れるスライドショーがバーチャルツアーのツールでは簡単には作れない！？

もちろん、HTMLで被せる方法もあるのでしょうが・・・
バーチャルツアーのツールなら、ダウンロードをされることは、ほぼ不可。
この点は、こだわってみたいな－と。

もちろん、ググって見つからないので・・・

結論を申し上げますと、悩むこと、７日（以上）。
やってみること、３日以上。
突っ込むこと、１２時間以上。

やっと、動かせました😊

久し振りの感動です❗👍

今回も目から鱗な方法を偶然みつけることができまして・・・

• 困った時の、if
• set(layer[name].url,001.jpg
• そして、何時もの、tween

こんなコード（？）を何気に組み合わせると、意外に思いつくことができました🌟

あっ、結構、攻めている技術情報開示になっているな・・・😑
この考えを思いつくまでが超大変なのよ・・・😢

なにわともあれ、無事、良い感じのスライドショー的なLayerを制作することができましたっ！

＊　＊　＊

ちょっとアレなのが、バーチャルツアーのコードは特殊なことが多くて、
ホームページのように汎用的な情報はあまり見かけることがありません。

GooPanoでも写真を移動させる矢印（➤とか➡）が、モワモワと動いていますが、
少～しだけ、コツが必要なので、見かけることは少ない表現ではないかなぁ～と思っています。

（◎や〇などのの”アニメーション”でやる方が最初にファイルを制作するのに工数がかかりますが動かすのは比較的簡単なんですね）

さぁ、この新表現、後しばらくで納品が終わると思います。
こんなに難しいとは想定外でした！
（工数考えたら、大赤字だなぁ～・・・）

そんな、こんな、GooPanoさんを、今後ともよろしくお願いいたします！
<(_ _)>

基礎を重ねて基本を得る。
基本を重ねて応用を得る。

まぁ、こんな日本語があるかどうかは置いときまして－
GooPanoさんで利用しているシステムで便利なコードでの動作確認。

重～い腰を、ようやく、上げてみました。

こちら、GooPanoさんのサーバですが、パノラマ写真収容量は膨大な数。
その中の写真だけを使って、滋賀県の紹介などを行っています。。。

例えば、こちらは、最も大きな構成になっていますので時間が空いたら上げて行きたいな－と💨
流石に、読み込み速度に『❓』が出てくる手前です。。。
https://goopano.jp/vr/goopano-revolver-r2-｜β提供.html

これまでは、各コードのファイルを開いて画像に関する所のタグ部分をコピペで持って来ていました。。。
これは、これで大変なのですが、何が大変って兎に角、手間暇がかかるのでダルダルです💧

で、いい加減、前から出来るとハズと踏んでいた
https://goopano.jp から、パノラマ画像のファイルだけを引っ張り出して表示させること．．．

ようやく、本日、動作検証を行いました。

もしかすると、ツアーの組み換えなどで、赤字工数にならずに済む状態になれるかもしれません😊

はじめて見られる方には、「ナニコレ？」だと思います。

• view
  パノラマ写真の最初に開く方向、視野角などを設定しています
  ここで、これ以上はズームさせない／これ以上は広い視野を持たさないなど設定できます😊
  Limitviewは基本　auto　で良いのですが、平面写真の際には他の設定が良いですね
• preview
  本格的に細かいパノラマ写真を開く前に読み込ますファイルです
  デモでよく言われる「なんで、ぼけてるの？」っというボケているファイルです
• image
  実際の細かい画像ファイルを読み込ませる部分です
• cube
  この型になっているハズの各512PIX,1024PIX,2048PIX,3840PIXを読み込みなさいという意味だと思います
  或いは、分断化（多層化）されている、それぞれの画像ファイルを読み込みなさいという意味かな？

まぁ、imageの所に、昔は、mobileとかあったりしたようですね。
今でもlocalで読み込ませる時と、Netから読み込ませる時で写真を変えたりもできるようです。

で、主要の　preview　と、image。
この部分を、上記の通り　https://goopano.jp/～読み込める検証を取ることができました😊

つまり、これからは、URLとフォルダが分かれば、ダイレクトにサクッと打ち込んで、表示が崩れるならば、
設定値を正すだけの作業となり、今までより想定が付きやすくなったかも？しれません。
（細かいことを言えば、結局、大きく変わらないかも？です😅）

ちなみに、一番期待を持っていた画像サーバとしてGooPanoを利用して、外部から引っ張って来れないかなぁ？っと考えたのですが、
コレは、どうやら、クロスドメインの設定が必要な感じですね。
クロスドメインを行うと、セキュリティー面で大変そうになるので・・・💧
お客様からのデータも預かっているサーバでテスト的にでも設置すべきではないと判断いたしました🙇

GooPanoは、一つ一つが手作りです。
拘りのご依頼の際には、こんなコードやプログラムを、一つ一つ、確認しながらゴリゴリと書いています📝

月額10,000円ほどで借りて、自分で雛形から選ぶCMS型では100%、絶対にできない
細やかな調整や驚きの表現と、完全自由、そして、何より完全にお客様のツアーです。

何もご指定無く完全お任せで、アピールポイントだけをお伝え頂けましても貴方だけの拘りのツアーが完成いたします。

VRツアー、バーチャルツアーに、ご興味をお持ちであれば、良いご選択になること間違いなしだと思っています。

ちょっと・・・聞いて見ようかな？
お問合せフォームから、サクッと投げて頂けますようお願いいたします。

日々、細かなアップデートを試みるGooPanoです。😊

GooPanoはWebVRとしてJS+XMLの組み合わせ。
ご存じの方は、ご存じな、バーチャルツアーのツールを使っているのですが、
コイツが何時もながら曲者・・・💧

マニュアルなんてモノはない。
有名な著書はありますが、基本のキですので、基礎の基礎です。
でも、この基礎＋応用でいろいろと世界が広がるのがプログラミングの素敵なところですね😊

WebVRを構築するための有名なツール（オーサリング）は、世界で数種類しかありません。
GooPanoさんは、手出しが難しい１～１００まで手作りでゴリゴリゴリの方を利用しています。
お陰様でβテストの時代はめちゃくちゃ大変でした。
今も、もっと！もっと！を探求し続けているのがゴリゴリ・ツールの良いところです😊

ちなみに、日本で多くの採用がある簡単ツールは１日というか半日だけ使って止めました。
ゴリゴリ・ツールにある程度、慣れてしまえば、やりたいことを行う為に費やす時間が半端無く大変💧

車で例えるなら・・・、
● ゴリゴリ・ツールは、昔ながらのキャブレター式・マニュアルミッションの車。
● 簡単ツールは、メンテナンス・フリーな（もちろん、ATの）電気自動車。
緊急事態（エンジンがかからない！ギアが入らない！など）という時、
知識があれば、何とかなる可能性が高いのは、前者の古い仕様の車の方ですね・・・😊

まぁ、そんな感じということで－

今回も、新たな機能向上においての修正でドツボにハマりました。

＜制御したいこと＞

スタート画像の読み込み完了した時だけ、とある表現を行いたい！

パノラマ写真を読み込んだ後に、アクションをかけるのにスタンダードな方法は、
onloadcomplete　を使います。

ただ、複数パノラマ写真があると、各パノラマ写真を読み込む度に、
onloadcomplete　で定義したアクションを実行してしまいます。

では、この　onloadcomplete　を、無意味にしてしまえば良いという訳で、
set(event.onloadcomplete,null)　なんて方法があるわけです。

・・・❓
あれ．．．？？？
動きが変わらないぞ？っという状況に遭遇。
（パノラマ写真を読み込む度に、同じアクションが続いてしまう）

うむ？
同じsetに、遅延コールをかけてみても変わらない。。。

もちろん、nameもつけてみたが変わらない。。。
nameで２っ目の写真からの表現は整いましたが、
１っ目（スタート）の写真に戻ると同じ表現が繰り返される。。。💧

悔しいが、従来通りに、スタート画像を読み込む「時間を想定」した
遅延コールしかないのかなぁ～😢
この遅延コールの問題点は、回線が速い時と遅い時の違いに対応できないんですね。
ほぼLTE、間もなく5Gの時代なので問題は少ないかも？ですが、気に入らない。

今回、setが、うまく効かない理由が分からない💧

分からなければ、手動で作ってしまえば良いじゃん！
（何となく同じ型にハメれば動いちゃうのがプログラムの良いところ😊）

set(action[action name].name,null)

よし！
これで、アクション名で指定したアクションの名前が無意味になったようだ！

無事、スタート画像の読み込み時だけに表現が適用されるようになりました😊

滋賀県発のＶＲツアー制作サービス｜楽々・簡単・綺麗な｜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の奴、ちょっだけ知識もありそうだし、安心したな－お願いしようかな－✨

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