「MAKE PANO (NORMAL) droplet」で作ったパノラマムービーは、何の飾り気もないシンプルなものです。今回は、これを元に、１）パノラマのスタート位置や画角などを変える、２）自動回転をさせる、といった変更を加えてみます。
やり方は驚くほど原始的というか、難しいというか、面倒というか・・・。まるでプログラムを自分で書いているような感覚です。
とはいえ、いわば部品である「コード」を探して、コピペして、必要な部分だけ書き換えるだけですから、簡単、といえば簡単な作業です。パズルを解く気分で、一つ一つ、問題を解決していきましょう。
いつでもやり直しができるよう、元ファイルをコピーして作業を始めます。
「MAKE PANO (NORMAL) droplet」で作ったファイルには、ｈｔｍｌ、ｘｍｌ、ｓｗｆ、ｊｓ、ライセンスの５つのファイルと、画像フォルダが収まっています。前述したよう、ｘｍｌが、パノラマムービーの見栄えを設定しているファイルで、今回はこれをいじります。
▲xmlファイルをいじることで、パノラマの見栄えを変えられます。
作業の前に、画像フォルダの中に収まっている画像データを確認しておきましょう。六面体（さいころ）のそれぞれの画像以外に、「ｐｒｅｖｉｅｗ．ｊｐｇ」があります。これは、パノラマムービーがダウンロードされている待ち時間に表示されるプレビューのための画像です。
▲「ｐｒｅｖｉｅｗ．ｊｐｇ」は、待ち時間に表示されるプレビューのための画像です。
●●●比較用に元のパノラマムービーを確認しておきましょう。
初期表示位置と画角、ブラウザの縦横のサイズを変えた時の画面の変化、をこれから変えてみます。
▲比較用の元のパノラマムービーです。手動でないと動きません。ズームは、マウスホイールか、ｓｈｉｆｔ（望遠）とｃｔｒ（広角）ｌキーを使います。
ｘｍｌとは、「文書やデータの意味や構造を記述するためのマークアップ言語の一つ」だそうですが、とりあえず正しい知識は置いておき、現実に使うことだけを考えていきます。
パノラマのデータを構成している、．ｘｍｌファイルは、ワードパッドなどのテキストエディタで開いて編集することができます。できれば、ｘｍｌの編集ができるフリーのエディタを使うのがよいようです。使い方を学ぶ必要がありますが、エラー表示をしてくれたりなど、便利です。
▲xmlファイルを、テキストエディタやxmlエディタで開いて編集します。
▲たった14行です。これならなんとか頑張れそう。
チンプンカンプンでも、たった１４行。かすかな英単語の知識をフル動員すれば、なんとなくそれらしい意味が見えてきます。
ｖｉｅｗ・・・・・・見栄えらしい。
ｐｒｅｖｉｅｗ・・・プレビューらしい。
ｉｍａｇｅ・・・・・画像らしい。
▲英単語から解読していきます。
しかしこんな当てずっぽうでは頼りになりませんから、ｋｒｐａｎｏのサイトで調べます。
「Ｄｏｃｕｍｍｅｎｔａｔｉｏｎ」タブをクリックして、サイドバーの「ＸＭＬ Ｒｅｆｅｒｅｎｃｅ」をクリックすると、ここに、ｋｒｐａｎｏで使われているｘｍｌの辞書のようなものが掲載されています。
「Ｃｔｒｌ＋Ｆ」キーなどのページ内検索で調べたい単語（コード）を調べます。
▲サイト内にxmlの詳しい情報が記載されています。
「ｖｉｅｗ」の中は、なんとなく見栄えを決める要素が入っているようですが、これを一つ一つ調べると、それぞれの項目の意味や、変更できる数字などがわかります。必要に応じて、これらを書き換えていきます。
▲サイト内で「view」の中のコードの意味を調べます。
ここでは、以下に示すよう、スタート位置、ウインドウと画角の変化、ズームの両端の限界などを変更し、プレビューは表示しないようにしてみました。
▲一つ一つ意味を確認しながら、数字などを書き換えます。
※プレビューの項目を挟み込んでいる ＜！－－保留－－＞ は、メモがわりに使うコードで、これ自体は何の機能もありません。「保留」という文字も何でもよいですから、コードをまとめてこの中に納めてしまうことで、この機能をとりあえずOFFにできます。復元する可能性がある場合に使い勝手がよいです。
▲プレビューがなくなり、初期表示の位置と画角などが変わりました。ズームの限界も大幅に増やしています。
先の方法は、もともとあるコードの数字などを書き換えたり、使えなく（保留）にしただけですが、今度は、別の動作を加えてみます。
単純にいえば、サイトの中から必要な項目のサンプルをコピペして書き換えるだけ、なのですが・・・。
▲サイト内で追加したい機能のコードを調べます。
▲追加したい機能を持つコードを加えます。
▲自動回転が加わりました。（元のパノラマムービーを使っています。）
やり方は驚くほど原始的というか、難しいというか、面倒というか・・・。まるでプログラムを自分で書いているような感覚です。
とはいえ、いわば部品である「コード」を探して、コピペして、必要な部分だけ書き換えるだけですから、簡単、といえば簡単な作業です。パズルを解く気分で、一つ一つ、問題を解決していきましょう。
１．元のファイルをコピーして準備しておきます。
いつでもやり直しができるよう、元ファイルをコピーして作業を始めます。
「MAKE PANO (NORMAL) droplet」で作ったファイルには、ｈｔｍｌ、ｘｍｌ、ｓｗｆ、ｊｓ、ライセンスの５つのファイルと、画像フォルダが収まっています。前述したよう、ｘｍｌが、パノラマムービーの見栄えを設定しているファイルで、今回はこれをいじります。
▲xmlファイルをいじることで、パノラマの見栄えを変えられます。
作業の前に、画像フォルダの中に収まっている画像データを確認しておきましょう。六面体（さいころ）のそれぞれの画像以外に、「ｐｒｅｖｉｅｗ．ｊｐｇ」があります。これは、パノラマムービーがダウンロードされている待ち時間に表示されるプレビューのための画像です。
▲「ｐｒｅｖｉｅｗ．ｊｐｇ」は、待ち時間に表示されるプレビューのための画像です。
●●●比較用に元のパノラマムービーを確認しておきましょう。
初期表示位置と画角、ブラウザの縦横のサイズを変えた時の画面の変化、をこれから変えてみます。
▲比較用の元のパノラマムービーです。手動でないと動きません。ズームは、マウスホイールか、ｓｈｉｆｔ（望遠）とｃｔｒ（広角）ｌキーを使います。
２．xmlファイルをいじる。
ｘｍｌとは、「文書やデータの意味や構造を記述するためのマークアップ言語の一つ」だそうですが、とりあえず正しい知識は置いておき、現実に使うことだけを考えていきます。
パノラマのデータを構成している、．ｘｍｌファイルは、ワードパッドなどのテキストエディタで開いて編集することができます。できれば、ｘｍｌの編集ができるフリーのエディタを使うのがよいようです。使い方を学ぶ必要がありますが、エラー表示をしてくれたりなど、便利です。
▲xmlファイルを、テキストエディタやxmlエディタで開いて編集します。
▲たった14行です。これならなんとか頑張れそう。
３．ｘｍｌのコードの意味を調べる。
チンプンカンプンでも、たった１４行。かすかな英単語の知識をフル動員すれば、なんとなくそれらしい意味が見えてきます。
ｖｉｅｗ・・・・・・見栄えらしい。
ｐｒｅｖｉｅｗ・・・プレビューらしい。
ｉｍａｇｅ・・・・・画像らしい。
▲英単語から解読していきます。
しかしこんな当てずっぽうでは頼りになりませんから、ｋｒｐａｎｏのサイトで調べます。
「Ｄｏｃｕｍｍｅｎｔａｔｉｏｎ」タブをクリックして、サイドバーの「ＸＭＬ Ｒｅｆｅｒｅｎｃｅ」をクリックすると、ここに、ｋｒｐａｎｏで使われているｘｍｌの辞書のようなものが掲載されています。
「Ｃｔｒｌ＋Ｆ」キーなどのページ内検索で調べたい単語（コード）を調べます。
▲サイト内にxmlの詳しい情報が記載されています。
４．「view」の中身を書き換える。
「ｖｉｅｗ」の中は、なんとなく見栄えを決める要素が入っているようですが、これを一つ一つ調べると、それぞれの項目の意味や、変更できる数字などがわかります。必要に応じて、これらを書き換えていきます。
▲サイト内で「view」の中のコードの意味を調べます。
ここでは、以下に示すよう、スタート位置、ウインドウと画角の変化、ズームの両端の限界などを変更し、プレビューは表示しないようにしてみました。
▲一つ一つ意味を確認しながら、数字などを書き換えます。
※プレビューの項目を挟み込んでいる ＜！－－保留－－＞ は、メモがわりに使うコードで、これ自体は何の機能もありません。「保留」という文字も何でもよいですから、コードをまとめてこの中に納めてしまうことで、この機能をとりあえずOFFにできます。復元する可能性がある場合に使い勝手がよいです。
▲プレビューがなくなり、初期表示の位置と画角などが変わりました。ズームの限界も大幅に増やしています。
5．「自動回転」を加える。
先の方法は、もともとあるコードの数字などを書き換えたり、使えなく（保留）にしただけですが、今度は、別の動作を加えてみます。
単純にいえば、サイトの中から必要な項目のサンプルをコピペして書き換えるだけ、なのですが・・・。
▲サイト内で追加したい機能のコードを調べます。
▲追加したい機能を持つコードを加えます。
▲自動回転が加わりました。（元のパノラマムービーを使っています。）