Panolens.js - Three.jsを使ったパノラマビューワー // MOONGIFT Archived

全天球動画（画像）やパノラマ写真など、従来の写真にはなかった形のメディアが登場しています。そうしたメディアを楽しむためには専用のビューワーが必要です。それによって、より強い没入感や楽しみ方が生まれるでしょう。今回紹介するPanolens.jsはThree.jsを使ったパノラマビューワーです。

Panolens.jsの使い方

動かしているところです。マウスやキーボードの操作で視点を動かせます。

動画を楽しむこともできます。

写真との相性がよさそうです。

Googleストリートビュー連携もできます。

動画サイトのような表示を3D化した例。

Panolens.jsは写真や動画などの視野角の広いメディアを楽しむビューワーです。さらにThree.jsを使っているので、プログラマブルなコンテンツをも表示できます。湾曲などの計算処理はとても大変なので、Panolens.jsを使うのが簡単でお勧めです。

Panolens.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。