WEB VR系

WEBサイトに360度画像を埋め込んでグリグリ回す
パノラマVRのお仕事(CMS込みで)。

昔、むかし、QT VRは経験あるのですが
現在は環境も変わってWebGLの世界。

いろいろ、ネット情報を探してSampleページなど
見ていたのですが、Safariだけ開かないことが(後記)…。

Googleさんから情報を得て
今時一般的な、three.jsのコンポーネントを使用。
サムネールをクリックしたらLightBox風に
VR窓がページ内に開くタイプに生成。

———————————————–

製作時にSafariの挙動で、読み込む画像が大きいと
コンソールエラーが出て表示しないみたいでした。
(画像縮小したら無事表示された!)

それと、three.jsのバグだと思いますが
1枚目を表示後閉じて、2枚目をクリック表示しても
表示画像が1枚目のまま…。

表示後に閉じてもメモリーから解放されていないようでした。

仕方ないので、閉じるボタンにそれぞれのコンポーネントを
「dispose()」で削除、めでたしめでたし;)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です