Area360

Area360 Creator(β版)
360度バーチャル旅行を作成しよう。

Area360 CreatorはArea360で公開されているような360度バーチャル旅行を簡単にweb上で作成できるツールです。THETA等全天球撮影可能なカメラをお持ちの方は是非試してみて下さい。全天球写真の新しい楽しみ方に出会えるはずです。
使い方は本ページ下部のHow to useをご覧ください。

create

注意事項

・動作環境:PC
・ブラウザ:Chrome
・当サイト内で公開しているソフトウェアやソースコードの著作権はサイト運営者である地球オールスターズにあります。
・配布しているソフトウェアやソースコードのご使用は自己責任でお願いします。また、ライセンスはMITライセンスに準拠します。
・本ソフトウェアはβ版です。音出しの機能などはご利用になれません。また、予告なくアップデートする可能性があります。ご了承ください。

How to use

step1:全天球画像を表示する

上記「バーチャル旅行を作成」ボタンをクリックすると以下の画面が表示されます。
使い方 次に赤枠で囲った部分にTHETAなどで撮影した全天球画像をドラッグ&ドロップします。
複数枚の画像を同時にドラッグ&ドロップすることもできます。
*1)画像の拡張子は「.jpg」のみ対応しています。
*2)画像のサイズは縦:2048px、横:1024pxのみ対応しています。あらかじめリサイズしてください。 使い方 ドラッグ&ドロップが完了するとメインウィンドウに全天球画像が表示されます。
表示された全天球画像はマウス操作で回転させることができます。 使い方

step2:次のスポットへ移動するための矢印の配置

メインウィンドウの中心にある赤い十字(赤丸で囲った箇所)を次のスポットへ移動するための矢印を配置したい場所に合わせ、メインウィンドウ左上にある矢印ボタン(緑丸で囲った箇所)を押下します。 使い方 すると、赤い十字があった箇所に矢印(赤丸で囲った箇所)が現れ、次のスポットに移動することができるようになります。また、緑枠で囲った箇所には次のスポット情報を設定できるエリアが現れます。 使い方 次のスポット情報エリアの各ボタンの役割を以下に示します。
Next no(赤枠部分) :次のスポットの番号を選択するためのドロップダウンメニュー
Next angle(緑枠部分):次のスポットに移動した際にどの角度で表示を行うかを設定するボタン
Delete(青枠部分) :矢印の削除 使い方 試しにNext noを2としてNext angleボタンを押してみましょう。(赤枠部分) 使い方 するとNext noに指定した画像に遷移し「次のスポットの角度を設定してください」とのメッセージがでるため、任意の角度に設定して「OK」ボタンを押します。これで次のスポットへ移動した際の角度の設定をすることができます。 使い方

step3:初期角度の設定

最初に表示するスポットの角度を設定します。まず、左の画像ウィンドウから「Spot no:0」の画像を選択します。 すると、「Select first angle」というボタンが現れるため、そのボタンを押下します。(緑枠部分) 使い方 その後以下のような画面に遷移するため、最初に表示したい角度にに合わせて「OK」ボタンを押下します。これで最初に表示する画像の角度を設定することができます。 使い方

step4:プレビュー

画面上部「preview」ボタンを押下すると、Spot no:0に戻り動作の確認をすることができます。 使い方

step5:ダウンロード

画面上部「download」ボタンを押下すると、設定ファイルおよび画像をmy_project.zipという名前でダウンロードすることができます。 使い方 my_project.zipの中身は以下のようになっています。
使い方 上記ダウンロードしてきたファイルを使ってバーチャル旅行のプログラムを動作させるには以下のソフトウェアをダウンロードしてください。

ソフトウェアのダウンロード

ダウンロードしてきた「template.zip」を解凍し、
template¥resource¥background_imgの中にmy_project¥resource¥background_imgの中の画像一式(frame****.jpg)をコピー、template¥contentsの中にmy_project¥contents¥data.xmlをコピーします。
そしてtemplate¥contents¥index.htmlをブラウザで開けばバーチャル旅行のプログラムが実行されます。

ただし、ローカル環境では動作しないのでご自身でお持ちのサーバにアップロードして楽しんでください。
また、サーバをお持ちでない方は、step5でダウンロードした「my_project.zip」を以下のメールアドレスに送付してくだされば、私たちがArea360のサーバに手動でアップロードします。(まだβ版のため自動アップロード機能がありません。)その場合、Area360のトップページにも掲載されることをご理解ください。

その他、バグ報告、ご要望なども以下のメールアドレスにお願いします。
【送付先】 address