WEBサイトに360度画像を埋め込んでグリグリ回す
パノラマVRのお仕事(CMS込みで)。
昔、むかし、QT VRは経験あるのですが
現在は環境も変わってWebGLの世界。
いろいろ、ネット情報を探してSampleページなど
見ていたのですが、Safariだけ開かないことが(後記)…。
Googleさんから情報を得て
今時一般的な、three.jsのコンポーネントを使用。
サムネールをクリックしたらLightBox風に
VR窓がページ内に開くタイプに生成。
———————————————–
製作時にSafariの挙動で、読み込む画像が大きいと
コンソールエラーが出て表示しないみたいでした。
(画像縮小したら無事表示された!)
それと、three.jsのバグだと思いますが
1枚目を表示後閉じて、2枚目をクリック表示しても
表示画像が1枚目のまま…。
表示後に閉じてもメモリーから解放されていないようでした。
仕方ないので、閉じるボタンにそれぞれのコンポーネントを
「dispose()」で削除、めでたしめでたし;)