qant / vr360

360 VR photo viewer

360 VR photo viewer

360/180度のフォトビュアーです。ステレオ画像対応。WebVR対応です。

PCではマウスによって向きを変えて見られます。マウスのホイールでズームします。

スマフォではジャイロ機能で向きが変わります。横持ちにするとステレオ写真ではside by sideの表示になるのでスマフォゴーグルで立体視することができます。

OculusGo等のWebVR対応環境では、右下のVRボタンによって全天球VRモードで見ることができます。OculusGoのコントローラのタッチパッドで向きを変えることもできます。

imgとjsの下のファイルとv360.htmlのファイルのみで動作します。他のライブラリ等の依存はありません。

現状、画像サイズは最大8000x4000までになります。

ビュアーの使い方は

v360.html?画像のパス&mode

でリンクします。modeはフォーマットによって以下の値を指定します。

• mode=0 : 360度Equirectangularフォーマット (THETA等で撮った写真)
• mode=1 : 360度Equirectangularを上下に並べたステレオ写真
• mode=2 : 360度Equirectangularの**部分を切り取って180度にして横に並べたステレオ写真
• mode=3 : 横長パノラマ写真。iPhoneに合わせ縦方向の画角を63度に設定

具体例はサンプル index.html を見てください。

ページ内にビュアーを埋め込めるembed形式はこちらのサンプルを v360_embed.html