QTVR Diary -OFFLINE-

vol.17 『krpano大解剖』
にのみやあきら(design studio "PENCIL")

0.はじめに - 本日のお話について

はじめに
1. krpanoとは？ [5分]
2. 導入方法 [5分]
3. krpano toolsの使い方 [15分]
4. XMLの記述方法 [10分]
5. プラグインについて [20分]
6. カスタマイズあれこれ [20分]
7. AutopanoTourとの連携 [15分]
8. kprotectについて [5分]
9. iPhone/iPad用データの作り方 [10分]
まとめ

1. krpanoとは？

Papervision3D(PV3D)をメインエンジンとしたFlash用パノラマVRプレイヤー

類似製品あり
- Flash Panorama Player
- PanoSalado

swfファイルのプレイヤーとパノラマ画像を同梱させ、XML記述されたコマンドで制御
当初からマルチレゾリューション（多段解像度）に対応し、超巨大解像度データの再生を可能に
パノラマ画像から簡単な変換ツールが多種用意されている
プラグイン開発が容易で、バンドルされてるデフォルトの他、サードパーティ品も
商業利用のために様々なツールが用意されている
GUIフロントエンドとしてAutopanoTourとの連携も
最新版ではiPhone/iPad用プラグインライブラリの使用により、同じデータでモバイルSafariでの再生が可能に

2. 導入方法

オフィシャルサイトから基本ライブラリ「krpano Viewer」及び「krpano Tools」を無料でダウンロードすることが可能
Mac/Win/Linux版が用意され、それぞれ32bit版と64bit版がある。自分の制作環境に合わせて使用すること
無料版のまま利用すると“透かし”がコンテンツに挿入され、ローカル上でしか再生できない
完全版として使用するには、それぞれライセンスの購入が必要
iPhone/iPad用アドオンやGoogleマッププラグインは、ライセンスを購入後にダウンロードURLが送られてくる
それぞれのライセンスは、それぞれの基本swfライブラリファイルと同階層に配置する

3. krpano toolsの使い方

パノラマ画像を変換するためのツールがドロップレットとして用意されている
パノラマ画像を各変換機能毎にドロップレットにドラッグ＆ドロップするだけで変換が開始され、パノラマ画像と同階層に変換後のデータが保存される
64bit版では、16bitTIFFを扱うことが可能
JPEGの圧縮率や6面変換の解像度などは、初期設定ファイル（.config）でテキスト修正する

krpano toolsの種類

SPHERE to CUBE (JPEG) droplet
SPHERE to CUBE (TIFF) droplet
CUBE to SPHERE (TIFF) droplet

MAKE PANO (NORMAL) droplet
MAKE PANO (FLAT) droplet
MAKE PANO (TILED) droplet
MAKE PANO (MULTIRES) droplet
MAKE MULTIFRAME (MULTIRES) droplet
MAKE PREVIEW (CUBESTRIP) droplet

MAKE PANO (SINGLE-SWF) droplet
MAKE PANO (SINGLE-SWF-MULTIRES) droplet
MAKE PANO (SINGLE-SWF-TILED) droplet

MAKE OBJECT (MULTIRES) droplet

4. XMLの記述方法

HTMLによく似た記述方式
各機能ごとの「タグ」で宣言し、数値や情報を入力することで制御する
XMLファイルを分割することが出来る（ここがFPPと違うところ）
JavaScriptやActionScriptによる高度なインタラクションも導入可能に

日本語などの2バイト文字を扱う時は、UTF-16を使用すること

5. プラグインについて

デフォルトに追加される機能はプラグインで提供される
「krpano Viewer」フォルダの中にある「plugins」に標準プラグインがバンドル

プラグインの種類

options.swf
editor.swf
fps.swf

radar.swf
textfield.swf
combobox.swf

zoombuttons.swf
googlemaps.swf
soundinterface.swf
videoplayer.swf

fireworks.swf
snow.swf

...というワケで、プラグイン実例も兼ねて「examples」フォルダの中身を見てみよう

6. カスタマイズあれこれ

実際にコードを見ながら解説

ロゴの配置とハイパーリンクの挿入
コントローラーのカスタマイズ
チップヘルプの挿入
ホットスポットの設置

サンプルコードを見ながら、試してみよう

7. AutopanoTourとの連携

仏Kolor社のヴァーつあるツアーオーサリングツール「AutopanoTour」
KRPanoと提携することにより、FlashヴァーチャルツアーのオーサリングがWYSIWYGベースで簡単に
出力には「krpano license」が必要

パノラマ画像を読み込み、
ホットスポットを与え、画像間リンクをGUIで貼り、
デフォルトコントローラーを埋め込み、
ロゴや底面バッヂを貼り、
リストメニューを貼り、
krpanoで出力

実際にやってみよう

8. kprotectについて

「krpano tools」にバンドルされてくる、ファイルパッケージングツール
業務データを容易に改竄されないように、全てのデータをまとめて、1つのswfファイルにしてしまう

基本となるXMLファイルを読み込み、それに関連付けたHTML、swf、画像データの格納フォルダを設定して、圧縮パッケージングする
生成されるswfファイルを埋め込むには、汎用の埋め込み方式をHTMLに記述する（kprotectではHTMLまでは生成されない）

多段分割した高解像度パノラマデータまでまとめると、非同期読み込みが出来なくなるので注意が必要

9. iPhone/iPad用データの作り方

購入してダウンロードしたiPhone/iPad用アドオンを、「krpano Viewer」及び「krpano Tools」のkrpanoiphone.jsと同階層に配置する

iPhone/iPadで確認するには、いちいちサーバにアップロードしなくてはならないので面倒
⇒Safari5以上では、メニューバー「開発＞ユーザーエージェント」でMobileSafariを選択することが出来る。これによりHTML5/css3での確認が可能になる

まとめ

高機能だが非常に洗練されたUIをもつkrpano
現時点での安定性と拡張性では、抜きん出た性能を持つ
サードパーティーとの連携でますます重要度が増し、
商用コンテンツの制作では非常に大きな武器になるのではないか？

今後の予定

『QTVR Diary -OFFLINE- vol.18』

10月16日(土)15:00〜17:00
AppleStore心斎橋2Fシアタースペース
テーマは、
「iPhone/iPadアプリ（2010年版）」
についてお話します。
2008年春に一度行なったパノラマ系iPhoneアプリ特集
今日時点で既に80ケ以上のアプリがリリースされています
今回はそれらのアプリを全てご紹介したいと思います
高額有料アプリは欲しくてもなかなか手が出せないでしょう
この機会に、ぜひその目で確かめて下さい！

今後の予定

『QTVR Diary -OFFLINE- in TOKYO #3』

12月11日(土)15:00〜16:30
AppleStore銀座3Fシアター

毎年年末恒例のAS銀座でのイベント
これから新しいスピンオフ企画が目白押しのこのブログです
新サービスのご紹介と、メーカー企業からの提案などが出来たらと思います
ぜひスケジュールを空けて、楽しみにお待ちください！

例えば...

「panoramania.jp」再始動！

「フォーラム」サイト再構築
インターフェイスに改良を加えたフォーラムサイトをリニューアル
（前のデータの復旧は、もう暫くお待ち下さい）

「ストア」サイト新開設
現時点での商品ラインナップは...
映蔵のワンショットミラー「SOIOS55-Scope」「Wide-70」...
NodalNinjaフルラインナップ（輸入代理店：よしみカメラ）
Novoflexのパノラマソリューション全ライン（輸入代理店：近代インターナショナル）
Agno'sから当サイトお薦め商品（当サイトが輸入代行）
イザワオプトの携帯用コンバージョンレンズ「Clip-On」フルラインナップ
ソフトウェアも、KRPano・Pano2VRが、銀行振込でも購入可能に！
等々

「LiveMotionVR.com」β版始動！

昨年末の「QTVR Diary -OFFLINE- inTOKYO#2」で初披露したLiveMotionVRが、
いよいよサーバも一新して、ウェブサービスとして始動します。

ご期待下さい！

...そして恒例の懇親会

17:30〜イタリアンレストラン「イル・ジェメッロ」（会費：6,000円）

もしかしたら、今日のメインイベントは、間違いなくコッチです！
残席あります。飛び入りOKです。お気軽にご参加ください！

お礼

ご清聴、
ありがとうございました!