ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

今回紹介するPanolens.jsはThree.jsを使ったパノラマビューワーです。

Panolens.jsの使い方

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

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

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

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

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

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

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

Panolens.js

pchen66/panolens.js: Javascript panorama viewer based on Three.js

 

MOONGIFTの関連記事

  • DevRel
  • Com2