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

スマートフォンでパノラマ写真が撮影できるようになっていますが、問題はいいビューワーがないことです。撮るのは面白いのですが、それを活かせるビューワーがなければムダなコンテンツになってしまいます。

そこでHTML5を使ってパノラマ写真を楽しめるのがHTML5panoです。左右だけでなく、上下も含めたパノラマ写真が楽しめます。

HTML5panoの使い方

こちらがデモです。写真をマウスでドラッグできます。
こちらがデモです。写真をマウスでドラッグできます。

回したり…
回したり…

上を見たり…
上を見たり…

下も見られます。
下も見られます。

実際の写真はこのようになっています。
実際の写真はこのようになっています。

HTML5panoに対応した写真を撮る、または複数の写真から合成するのは難しいかも知れませんが、ビューワーがあればこれに合わせて写真を撮ってみるというのも面白そうです。

HTML5panoはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

DeuxHuitHuit/HTML5pano

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2