パノラマビューアーとは？
エクイレクタングラー形式のパノラマ写真や360°写真をインタラクティブな3Dビューアで閲覧できます。ドラッグで周囲を見渡し、スクロールでズーム、スマートフォンを傾けてジャイロスコープで操作できます。標準的なパノラマ画像形式に対応し、すべてのレンダリングはデバイス内で行われます。
ビューアは WebGL を使って正距円筒の画像(JPEG、PNG、WebP、AVIF、BMP、TIFF に対応)を仮想の球体に貼り付けます。ドラッグで見回し、スクロールやピンチで視野を変更でき、モバイルではジャイロをオンにすると端末そのものがレンズになります。プレゼンに合わせて遅い・標準・速いの自動回転速度を選び、フルスクリーンに入り、解像度バッジで画像の比率が正しいかを確認し、現在の視点の平面スクリーンショットを保存できます。
使い方
- エクイレクタングラー形式のパノラマ画像（360°カメラやフォトスティッチングソフトで作成された横長の歪んだ形式）をアップロードします。
- クリック＆ドラッグでパノラマを見渡します。スクロールやピンチでズームイン・アウト。モバイルでは端末を傾けてジャイロスコープ操作も可能です。
- フルスクリーンにすると大きく表示できます。視野角を調整し、自動回転をオンにしてシーン全体を見渡せます。
使用するタイミング
- Insta360、Ricoh Theta、Samsung Gearで撮った360°写真を公開前に確認する。
- 不動産情報ページで顧客に部屋のバーチャル内見を見せる。
- ステッチした全景写真の継ぎ目や伸びを最終書き出し前にチェックする。
結果
グランドキャニオンで撮影した360°写真をアップロード：左にドラッグして峡谷の壁を見渡し、上を見て空を確認、コロラド川にズームインした後、自動回転を有効にしてスムーズな360°ツアーを楽しめます。
よくある質問
- equirectangular画像とは何ですか? 自分の画像がそうかどうかはどう判断しますか?
- 幅が高さのちょうど2倍(2:1)の平らな矩形で、上下の縁が空と地面に対応します。画像が4000×2000で引き伸ばされた全景のように見えるなら、ほぼ確実にequirectangularです。
- ビューアで画像が引き伸ばされて見えるのはなぜですか?
- 縦横比が正確に2:1でないか、元データがequirectangular投影ではない可能性があります。キューブ型や両魚眼の全景は変換が必要です。一部の360°カメラは複数の形式を書き出すので、equirectangularのファイルを選んでください。
- iPhoneでジャイロスコープは動きますか?
- 動きますが、Safariがデバイスモーション読み取りの明示的な許可を求めます。iOSで初めてジャイロボタンを押したとき表示されるダイアログを許可してください。許可しないとボタンは無効のまま、ドラッグでのみ視点を変えられます。
- 全景写真をクリック可能なVRシーンとしてダウンロードできますか?
- 本ツールではできません。ビューアは現在の2D表示のスクリーンショットしか撮れません。共有可能なVRシーンを作るには、自分のページにPannellumやMarzipanoのようなライブラリを組み込みます。スクリーンショットはサムネイルやプレビューに便利です。
- ビューアはどれくらいの大きさのファイルを扱えますか?
- 最新ブラウザなら数百メガピクセルまで対応しますが、大きすぎるテクスチャはGPUメモリを大量に使い、モバイル版Safariがクラッシュすることもあります。12K全景が重いときは8192×4096に縮小してから読み込ませると、多くの用途に十分です。