『これからはじめるバーチャルツアー Panotour Pro 2 & krpano完全入門』発売されました!

『これからはじめるバーチャルツアー Panotour Pro 2 & krpano完全入門』 6月24日発売。↓ 本のようにページ上下端をめくって見られます。 ←なんとなく怪しい袋とじには、 ptp2&krpanoの10%割引クーポンが付いています。 初版限定ですので、お買い求めはお早めに。 アマゾンでの予約はこちらから!
Read More

layerの研究(3)

今回は「layer(レイヤー)」を画面内で動かせるようにして、レイヤー構造を調べます。 準備 とりあえず、前回と同様な下地レイヤーを配置します。 レイヤーをマウスで動かせるようにする 元のコードは、krpano19の中、viewer>examples>dragable-layers サンプルにありますが、下記の必要な部分だけ、レイヤーを記述しているxmlにコピーします。 action というのは、その名の通り、動作を指定する記述になります。この場合は、名前が「draglayer」で、大まかには下記のような動作をします。 1)レイヤーの元座標(x,y)を、それぞれ、drag_currentx と drag_currenty にコピーする。 2)ステージ(ブラウザウインドウ)内のマウス座標を、drag_stagex と drag_stagey にコピーする。 3)レイ...
Read More

layerの研究(2)

さてさて「layer(レイヤー)」をパノラマに貼り付けて、その特徴を調べていきます。 以前も紹介したよう、レイヤーは、ブラウザ画面に対して位置を固定したボタン類です。ですから、画面下に配置されている上下左右ボタンなどもレイヤーです。 準備 何も配置されていないパノラマを用意し、layer.xmlをインクルード指定して読み込ませ、ここにいたずら書きをしていきます。 メインxml(pano.xml)で、layer.xmlをインクルード。 layer.xmlは空っぽでスタート。 コンテナタイプのlayerを加える まず、こんな感じに記述します。それぞれの属性の意味は前回を参照してください。 bgborder="2 0xff0000 0.5" これは、幅2ピクセル、色は赤、透明度は0.5 です。 画像を配置 ここで画面下にあるボタンを別に配置してみます。...
Read More

layerの研究(1)

「layer(レイヤー)」は、パノラマの画面に貼り付けるボタン類のことです。かつては「plugin(プラグイン)」と呼ばれていましたので、古いコードを見るとpluginになっています。今は、どちらの表記でも使えます。ただ、現在では基本的にlayerはボタンなど、pluginは付加機能として使い分けられていますので、これに準じる方がわかりやすいと思います。 layerという名の通り、層(レイヤー)構造を持たせることができます。また、レイヤー同士に親子関係を作ることもできますので、同類のボタンを並べたりするのに役立ちます。 どこを調べる? Documentation(メインメニュー)→XML Reference(左メニュー)→The krpano XML structure(本文ウインドウ)→と進めば、詳しい説明が見られます。今回をここを解読しています。読んでもあんまり面白くないかもしれ...
Read More

iPhone-ipad-simulatorを使う

今回は「iPhone-ipad-simulator」。PCローカル上の画面で、iPhoneやiPadでパノラマを見たらどう見えるか、動作はどうか? を確認するためのシミュレーターがあります。v19版はまだ作られていませんので、v18版を使う方法を紹介します。便利ですよん。 1)どこにある? 2)カスタマイズの仕方。 3)使い方。 1)どこにある? 「iPhone-ipad-simulator」のv19版があれば話が速いのですが、どこを見ても見つかりません。v19の正式版にはついてくるかな? そんなわけで、krpano-v18をダウンロードして、探し出します。v18には、現在のv19ではなくなってしまったサンプルがいくつもあります。xmlの勉強には大変役立つものですので、ダウンロードしておいて損はありません。 Download→Archive と進み、Version 1.18.6...
Read More

「オプション」と「エディタ」を使う(2)

今回は「エディタ」プラグインの使い方。これを使うと、画像を貼り付けるホットスポットを簡単に配置し、座標を記したコードを取得することができます。また、多角形(ポリゴン)のホットスポットを描いてコードを得ることもできます。これらの手順を紹介していきます。 他に、レンズフレアーを設置することもできるのですが、これは現状html5に対応していないので説明は略します。 1)エディタの使い方。 2)画像(イメージ)ホットスポットの設置。 3)多角形(ポリゴン)のホットスポットの設置。 4)xmlコードの取得。 1)エディタの使い方 エディタプラグインをパノラマに組み込むと、画面下に「editor」ボタンが表示されます。 これをクリックすると、メニューが表示されます。 左から hotspots・・・・ホットスポットを加える時に使います lensflares・・・レンズフレアを加える時に使...
Read More

「オプション」と「エディタ」を使う(1)

前回はホットスポットをパノラマの中央に配置しましたが、適切な箇所に配置するには、パノラマの座標の仕組みを理解しておく必要があります。今回はその説明をした後に、「オプション」と「エディタ」の二つのプラグインの説明をします。ちょっとややこしいです。 1)パノラマの座標を知る。 2)「オプション」と「エディタ」を使えるようにする。 3)「オプション」を使って座標を知る。 パノラマの座標 krpanoで使われるパノラマの座標は、こんな感じです。 横(水平)方向はhorizontalなので「h」で表され、座標を指定する時は「ath」を使います。画面中央が0、右回りが+、左回りが-で、角度の数値を指定します。真後ろは、+180でもあり、-180でも、どちらも同じ位置になります。また、0も、+360も、-360も、真正面になります。 ただ注意しておきたいのは、0と+360と-360は、同じ...
Read More