AJAXで高解像度全方位パノラマVRを実現する

前エントリーに引き続き、OpenStudioがお届けするAJAXフレームワーク「jQuery」を使ったパノラマ表現の第2弾。
今度はなんと、高解像度全方位パノラマVRを実現しています。

jQuery spherical panorama viewer
jQuery spherical panorama viewer
http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html?lang=en

前エントリーで紹介したOpenStudio独自開発の「jquery.panorama.js」を使うところは一緒なんですが、実現するまでにとっても労力を要します。
全方位を見渡すための画像は、パノラマムービーに変換する場合にはこのブログでも紹介してきたとおりEqiurectangular画像や立方六面画像を使ったりしますが、今回の場合は各アングルに対応して球面を分割した画像を予め作成しておいて、それを全て読み込んだ上で、視野移動と同時にその画像を読み込む方法をとっています。

まずは、上記リンクでデモを触ってみて下さい。
回線速度がよほど速いところでなければ「Example : high quality panorama」はとっても重いので、注意して下さい。

マウスをVR上でドラッグするにしても、加速度が付いてないので、なんだかカクカクした挙動をします。ちょっと面白みに欠けるような気がします。
何せEquirectangular画像から、縦横の分割数を決め、数十枚(時には百枚以上)もの各アングルの画像を生成して、それを駒送りのように見せています。そう、オブジェクトムービー(例:QTVR Object)がまさにそうですね!同じことをパノラマVRで実現しているのが、今回のコレなんです。

この分割作業には、オープンソースのパノラマ合成プログラム「Panorama Tools」の発明者であるHelmtDersch博士が開発した「MPRemap」というソフトで実現できるそうです。Windows版しかないので試してませんが、このソフトは魚眼レンズを装着して撮影したビデオ映像の歪曲を方形にさせたりパースの補正が出来るほか、パノラマムービーからリニアムービーへの変換まで出来る優れもの。2007年12月にver0.2がでたばかりのまだ開発途中のアプリケーションです。最近のDersch博士の精力的な活動から、今後のバージョンアップも期待ができます。

分割前後の写真

詳しくは、上記の写真も掲載されているチュートリアルファイルPDFを、Dersch博士のサイトからダウンロードしてご覧下さい。

まぁ何にせよ、FlashもQuicktimeも見られない環境下で、しかもJavaScriptも動いてブロードバンド環境で...と言えば、iPhoneってことになりますが、今度はタッチスクリーンが邪魔をして、パノラマVR内のスクロール移動が出来ないんですよ。これは困った!(苦笑

実際の用途はとても限られますが、変わったことがしたいという方には、チャレンジしてもイイんじゃないでしょうか?
他にスゴい使い方を思いついた方、ぜひコメントください!(笑



2008年8月23日(土)15:00〜17:00 参加無料のイベントです。お気軽にお越し下さい!
親睦会(参加費6,000円)の参加申込もこちらからどうぞ

QTVR Diary -OFFLINE- vol.5

アイコンをクリックして、iPhoneで使えるパノラマアプリを体感しよう!
Panorama
Panorama
¥1,200-
★★★
Pano
Pano
¥350-
★★★
PanoLabo
PanoLabo
free
★★★★★
PanoLabo Pro
PanoLabo Pro
¥600-
★★★★
TripStitch
TripStitch
¥1,200-
PangeaVR
PangeaVR
free
★★★★★
PangeaVR Pro
PangeaVR Pro
¥2,300-
★★★★★
Cube World
Cube World
free
★★★★

このページをdel.icio.usに追加する このページをGoogleBookmark に追加 このページをBlogPeople Instant Bookmarkに登録 このページをTechnoratiに追加 Digg This Story このページをはてなブックマークする Add Yahoo Myweb このページをRedditへ追加 このページをニフティクリップに追加 このページをLivedoor クリップに追加 このページをFC2ブックマークに追加 このページををBuzzurlに追加

トラックバック(0)

このブログ記事を参照しているブログ一覧: AJAXで高解像度全方位パノラマVRを実現する

このブログ記事に対するトラックバックURL: http://pencil-jp.net/mt/mt-tb.cgi/590

コメントする