360°の全方向を自由に見渡せるパノラマコンテンツは、GoogleストリートビューのようなWebサービスによって身近なものになってきています。前回の記事「お手軽360°パノラマ制作入門! THETAで撮影しWeb公開に挑戦しよう」では、360°の静止画・動画が撮影できるカメラ「RICOH THETA S」で撮影したパノラマをYouTubeなどのWebサービスで手軽に公開する方法を紹介しました。 今回は、カスタマイズ性の高いWeb用の360°パノラマビューワーの実装方法を、初心者用と上級者用として2通り紹介します。初心者用のものはHTMLで3Dを作成できるライブラリ「A-Frame」を使い、上級者用としてはJavaScript製の3Dライブラリ「Three.js」を用います。 パノラマ静止画を表示する360°パノラマビューワー 次のデモは、本記事で解説するサンプルの完成形です。360°パノラ
![お手軽360°パノラマ制作入門! JSでパノラマビューワーを自作しよう - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/c4f1e187e77095fed58bfed9515e8abca420919f/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F14490%2Fimages%2Feyecatch.jpg)