Skip to content
360 VR photo viewer
Branch: master
Clone or download
Latest commit 63fdafd Jul 22, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css add embed mode Jun 29, 2018
img initial commit Jun 9, 2018
js update for go Jul 22, 2018
sample add panorama mode Jun 16, 2018
LICENSE Initial commit Jun 9, 2018
README.md Update README.md Jul 4, 2018
index.html add panorama mode Jun 16, 2018
v360.html update for go Jul 22, 2018
v360_embed.html update for go Jul 22, 2018

README.md

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

You can’t perform that action at this time.