« 2008年12月 | main | 2009年02月 »

2009年01月23日

Flash Panorama Player「Custom Controller」vol.6

●Custom Controller[bal1plus] for FPP
fpp controller bal1plus

Flash Panorama Player用Custom Controllerの第六弾は、Vol.3の[bal1]にサウンドボタン、閉じるボタンを追加したバージョン[bal1plus]です。ですので、パノラマは、新規ウインドウで開くことを想定しています。画面左下にサウンドボタン、右上に閉じるボタン、中央下にコントローラー。コントローラーボタンの機能は、左から情報ウインドウ表示、左へ移動、右へ移動、下へ移動、上へ移動、ズームダウン、ズームアップ、自動回転、フルスクリーンです。

以下のボタンでダウンロード、サンプル表示が出来ます。
dot1 sample downloadbal1plus sample preview
download file type:zip(1.2Mb)
ファイルは、個人、商用とも自由にご利用ください。ただし、再配布等はご勘弁を、、、

今回のMP3 Playerは前回とは違い、www.alsacreations.frで配布されているオープンソースのプレーヤー「dewplayer」です。タイプは3種類(Mini、Classic、Multi)有りますが、ここではMiniタイプを使用しています。ダウンロードや機能詳細については、コチラのページからどーぞ。

↓サンプルパノラマを含めた構成ファイル一覧です。
fpp controller bal1plus files

↓パノラマ表示用xmlファイル「controller-bal1plus.xml」について

<?xml version = '1.0'?>
<panorama>
<parameters>
panoType = mov
panoName = files/sample
panHome = 0
tiltHome = 0
zoomMax = 2
zoomMin = 0.5
zoomHome = 0.80
layer_1 = files/autorotator.swf
layer_2 = files/hotspots.swf
layer_3 = files/movDecoder.swf
</parameters>
<autorotator>
speed = 0.1
interval = 30
pause = 3000
quality = low
</autorotator>
<hotspots>
<global onStart="external.autorotator.disabled=1" onOver="glow=3;glowColor=#ccff00" onOut="glow=0">
<spot id="guiBase" static="1" align="BC" salign="BC" staticX="0" staticY="4" url="files/bal1_base.png" onOver="" onOut="" />
<spot id="info" static="1" align="BC" salign="BC" staticX="-116" staticY="-5" url="files/bal1_i.png" onClick="infoscreen.visible+=1" />
<spot id="left" static="1" align="BC" salign="BC" staticX="-87" staticY="-5" url="files/bal1_l.png" onPress="pano.panKey=-2,500" onRelease="pano.panKey=0" />
<spot id="right" static="1" align="BC" salign="BC" staticX="-58" staticY="-5" url="files/bal1_r.png" onPress="pano.panKey=2,500" onRelease="pano.panKey=0" />
<spot id="down" static="1" align="BC" salign="BC" staticX="-29" staticY="-5" url="files/bal1_d.png" onPress="pano.tiltKey=-2,500" onRelease="pano.tiltKey=0" />
<spot id="up" static="1" align="BC" salign="BC" staticX="0" staticY="-5" url="files/bal1_u.png" onPress="pano.tiltKey=2,500" onRelease="pano.tiltKey=0" />
<spot id="zoomOut" static="1" align="BC" salign="BC" staticX="29" staticY="-5" url="files/bal1_m.png" onPress="pano.zoomKey=-2,500" onRelease="pano.zoomKey=0" />
<spot id="zoomIn" static="1" align="BC" salign="BC" staticX="58" staticY="-5" url="files/bal1_p.png" onPress="pano.zoomKey=2,500" onRelease="pano.zoomKey=0" />
<spot id="auto" static="1" align="BC" salign="BC" staticX="87" staticY="-5" url="files/bal1_a.png" onClick="external.autorotator.disabled+=1;pano.pan_v=0;pano.tilt_v=0;pano.zoom_v=0;" />
<spot id="full" static="1" align="BC" salign="BC" staticX="116" staticY="-5" url="files/bal1_f.png" onClick="fullscreen(-)" />
<spot id="infoscreen" static="1" align="MC" salign="MC" visible="0" url="files/logoInfo.png" onClick="visible=0" onOver="" onOut="" />
<spot id="closeBase" static="1" align="TL" salign="TR" staticX="-68" staticY="0" alpha="1" url="files/bal1_close_base.png" onOver="" onOut="" />
<spot id="close" static="1" align="TL" salign="TR" staticX="-68" staticY="0" alpha="1" url="files/bal1_close.png" onClick="javascript:self.close()" />
<spot id="audio" url="files/dewplayer-mini.swf?mp3=files/sample.mp3&autostart=0&autoreplay=1&showtime=1&volume=100" static="1" align="BL" salign="BL" staticX="2" staticY="-2" alpha="0.9" shadow="0.1" onOver="" onOut="" />
</global>
</hotspots>
</panorama>
・パノラマファイル形式はQuickTime VR(4行目)です。なのでpluginは、autorotator.swf、hotspots.swf、movDecoder.swf(11〜13行目)の3種類を使用しています。もし、CubeFaceデータを使用する場合、movDecoder.swfは不要となります(連載 vol.4参照)。files/sample(5行目)が、表示させるパノラマのパス+ファイル名(拡張子は省く)です。

・コントローラー表示部分は、23〜32行目です。表示位置は中央下です。

・33行目は、情報ウインドウ用画像の指定です。サンプルではデフォルトのものがそのまま入っていますので、表示させたい画像を同じファイル名(logoInfo.png)で置換えて使用して下さい。

・34行目は、closeボタン背景用フレーム、35行目はcloseボタン本体で、表示位置は右上です。

・36行目が、MP3 Player「dewplayer-mini.swf」の読み込み部分です。
files/dewplayer-mini.swf:プレーヤーのパス+ファイル名
mp3=files/sample.mp3:再生するファイルのパス+ファイル名
以下は、オプションパラメーターの設定です。
autostart=0:自動再生の設定(on=1、off=0)
autoreplay=1:ループ再生の設定(on=1、off=0)
showtime=1:時間表示(on=1、off=0)
volume=100:音量の設定(%)

※注:player & plugin(上図、構成ファイル一覧の中の青の点線で囲まれた部分)は、ダウンロードファイルの中には含まれていません。Flash panorama Playerを、ご購入済みの方は、お持ちのファイルを所定の場所に入れてご利用ください。お持ちでない方は下記のサイトからどーぞ、、、dewplayer(dewplayer-mini.swf)は、www.alsacreations.frこのページからダウンロードの後、plugin等と同じ位置に入れてください。

Flash Panorama Playerに興味のある方、購入はこちらからどうぞ。
flashpanoramas

【サイト内関連情報】
Flash Panorama Player
Custom Controller [mob1plus]
Custom Controller [mob1]
Custom Controller [bal1]
Custom Controller [dot1]
Custom Controller [std1]
vol.7「LensFlare plugin」
vol.6「Editor plugin」
vol.5「Hotspots plugin」
vol.4「xmlファイルとプラグイン」
vol.3「HTMLへの埋め込み」
vol.2「簡単再生」
vol.1「QTVRを再生」

2009年01月16日

Flash Panorama Player「Custom Controller」vol.5

●Custom Controller[mob1plus] for FPP
fpp controller mob1plus

Flash Panorama Player用Custom Controllerの第五弾は、Vol.4の[mob1]にサウンドボタン、閉じるボタンを追加したバージョン[mob1plus]です。ですので、パノラマは、新規ウインドウで開くことを想定しています。画面左下にサウンドボタン、右上に閉じるボタン、右下にコントローラー。コントローラーボタンの機能は、上段左からズームアップ、上へ移動、ズームダウン、中段左から左へ移動、自動回転、右へ移動、下段左から情報ウインドウ表示、下へ移動、フルスクリーン、ボタン全体(コントローラー、サウンド、閉じる)の表示 / 非表示です。

以下のボタンでダウンロード、サンプル表示が出来ます。
dot1 sample downloadmob1plus sample preview
download file type:zip(1.2Mb)
ファイルは、個人、商用とも自由にご利用ください。ただし、再配布等はご勘弁を、、、

ここで使用しているMP3 Playerは、flash-mp3-player.netで配布されているオープンソースのプレーヤーです。プレーヤーの種類も多く、再生機能、表示のカスタマイズなど、けっこう高機能なプレーヤーです。ここでは、MAXIタイプのプレーヤーをカスタマイズして使用しています。ダウンロードや機能詳細については、コチラのページからどーぞ。

↓サンプルパノラマを含めた構成ファイル一覧です。
fpp controller mob1plus files

↓パノラマ表示用xmlファイル「controller-mob1plus.xml」について

<?xml version = '1.0'?>
<panorama>
<parameters>
panoType = mov
panoName = files/sample
panHome = 0
tiltHome = 0
zoomMax = 2
zoomMin = 0.5
zoomHome = 0.80
layer_1 = files/autorotator.swf
layer_2 = files/hotspots.swf
layer_3 = files/movDecoder.swf
</parameters>
<autorotator>
speed = 0.1
interval = 30
pause = 3000
quality = low
</autorotator>
<hotspots>
<global onStart="external.autorotator.disabled=1" onOver="glow=3;glowColor=#66ffff;glowBlur=12" onOut="glow=0"
gui_off="guiBase.visible=0;zoomIn.visible=0;zoomOut.visible=0;info.visible=0;full.visible=0;auto.visible=0;left.visible=0;right.visible=0;down.visible=0;up.visible=0;guiOff.visible=0;closeBase.visible=0;close.visible=0;audio.visible=0;guiOn.visible=1"
gui_on="guiBase.visible=1;zoomIn.visible=1;zoomOut.visible=1;info.visible=1;full.visible=1;auto.visible=1;left.visible=1;right.visible=1;down.visible=1;up.visible=1;guiOff.visible=1;closeBase.visible=1;close.visible=1;audio.visible=1;guiOn.visible=0" >
<spot id="guiBase" static="1" align="BL" salign="BR" staticX="-87" staticY="6" alpha="1" url="files/mob1_base.png" onOver="" onOut="" />
<spot id="zoomIn" static="1" align="BL" salign="BR" staticX="-76" staticY="-54" url="files/mob1_p.png" onPress="pano.zoomKey=2,500" onRelease="pano.zoomKey=0" />
<spot id="zoomOut" static="1" align="BL" salign="BR" staticX="-30" staticY="-54" url="files/mob1_m.png" onPress="pano.zoomKey=-2,500" onRelease="pano.zoomKey=0" />
<spot id="info" static="1" align="BL" salign="BR" staticX="-76" staticY="-10" url="files/mob1_i.png" onClick="infoscreen.visible+=1" />
<spot id="full" static="1" align="BL" salign="BR" staticX="-30" staticY="-10" url="files/mob1_f.png" onClick="fullscreen(-)" />
<spot id="auto" static="1" align="BL" salign="BR" staticX="-53" staticY="-32" url="files/mob1_a.png" onClick="external.autorotator.disabled+=1;pano.pan_v=0;pano.tilt_v=0;pano.zoom_v=0;" />
<spot id="left" static="1" align="BL" salign="BR" staticX="-76" staticY="-31" url="files/mob1_l.png" onPress="pano.panKey=-2,500" onRelease="pano.panKey=0" />
<spot id="right" static="1" align="BL" salign="BR" staticX="-30" staticY="-31" url="files/mob1_r.png" onPress="pano.panKey=2,500" onRelease="pano.panKey=0" />
<spot id="down" static="1" align="BL" salign="BR" staticX="-54" staticY="-10" url="files/mob1_d.png" onPress="pano.tiltKey=-2,500" onRelease="pano.tiltKey=0" />
<spot id="up" static="1" align="BL" salign="BR" staticX="-54" staticY="-54" url="files/mob1_u.png" onPress="pano.tiltKey=2,500" onRelease="pano.tiltKey=0" />
<spot id="guiOff" static="1" align="BR" salign="BR" staticX="-1" staticY="-1" url="files/mob1_off.png" onClick="gui_off()" />
<spot id="guiOn" static="1" align="BR" salign="BR" staticX="-1" staticY="-1" visible="0" url="files/mob1_on.png" onClick="gui_on()" />
<spot id="infoscreen" static="1" align="MC" salign="MC" visible="0" url="files/logoInfo.png" onClick="visible=0" onOver="" onOut="" />
<spot id="closeBase" static="1" align="TL" salign="TR" staticX="-68" staticY="0" alpha="1" url="files/mob1_close_base.png" onOver="" onOut="" />
<spot id="close" static="1" align="TL" salign="TR" staticX="-68" staticY="0" alpha="1" url="files/mob1_close.png" onClick="javascript:self.close()" />
<spot id="audio" url="files/player_mp3_maxi.swf?mp3=files/sample.mp3&showvolume=1&autoplay=0&loop=1&width=170&sliderwidth=7&sliderheight=14" static="1" align="BL" salign="BL" staticX="3" staticY="-23" alpha="0.7" shadow="0.3" onOver="" onOut=""/>
</global>
</hotspots>
</panorama>
・パノラマファイル形式はQuickTime VR(4行目)です。なのでpluginは、autorotator.swf、hotspots.swf、movDecoder.swf(11〜13行目)の3種類を使用しています。もし、CubeFaceデータを使用する場合、movDecoder.swfは不要となります(連載 vol.4参照)。files/sample(5行目)が、表示させるパノラマのパス+ファイル名(拡張子は省く)です。

・コントローラー表示部分は、25〜36行目です。表示位置は右下です。

・37行目は、情報ウインドウ用画像の指定です。サンプルではデフォルトのものがそのまま入っていますので、表示させたい画像を同じファイル名(logoInfo.png)で置換えて使用して下さい。

・38行目は、closeボタン背景用フレーム、39行目はcloseボタン本体で、表示位置は右上です。

・40行目が、MP3 Player「player_mp3_maxi.swf」の読み込み部分です。
files/player_mp3_maxi.swf:プレーヤーのパス+ファイル名
mp3=files/sample.mp3:再生するファイルのパス+ファイル名
以下は、オプションパラメーターの設定です。
showvolume=1:音量ボタンの表示設定(on=1、off=0)
autoplay=0:自動再生の設定(on=1、off=0)
loop=1:ループ再生の設定(on=1、off=0)
width=170:プレーヤー本体の幅を設定
sliderwidth=7:スライダーの幅を設定
sliderheight=14:スライダーの高さを設定
ここでは、width、sliderwidth等で、プレーヤー本体やスライダーのサイズを指定していますが、その他、各パーツの色も指定することが出来ます。詳細はこちら

※注:player & plugin(上図、構成ファイル一覧の中の青の点線で囲まれた部分)は、ダウンロードファイルの中には含まれていません。Flash panorama Playerを、ご購入済みの方は、お持ちのファイルを所定の場所に入れてご利用ください。お持ちでない方は下記のサイトからどーぞ、、、MP3 Player(player_mp3_maxi.swf)は、flash-mp3-player.netのこのページからダウンロードの後、plugin等と同じ位置に入れてください。

Flash Panorama Playerに興味のある方、購入はこちらからどうぞ。
flashpanoramas

【サイト内関連情報】
Flash Panorama Player
Custom Controller [mob1]
Custom Controller [bal1]
Custom Controller [dot1]
Custom Controller [std1]
vol.7「LensFlare plugin」
vol.6「Editor plugin」
vol.5「Hotspots plugin」
vol.4「xmlファイルとプラグイン」
vol.3「HTMLへの埋め込み」
vol.2「簡単再生」
vol.1「QTVRを再生」

2009年01月07日

Best of 2008 - The World Wide Panorama

WWP

Title:Little Blue Spirits in the Fog
Little Blue Spirits in the Fog
copyright@ Alessandro Ugazio / http://www.ziouga.it/

The World Wide Panoramaは、"The World Wide Panorama Foundation"主催のパノラマ写真のワールド・ワイドなイベントです。

当初、カリフォルニア大学バークレー校"The Geo-Images Project"主催で始まったこのイベント、主要メンバーG. Donald Bain氏の大学退官に伴い、今回からその運営は、氏が新たに創設した"The World Wide Panorama Foundation"に移りました。そして、記念すべき第一回目のテーマ、そうなんデス、年末恒例の「Best of 2008」です。

このイベントは年4回、季節の中間点(春分、夏至、秋分、冬至)に行われますが、冬至のテーマは、このBest of ... がここ数年のお決まりのお題。そのテーマ故、撮影期間等の縛りが少なく、毎年力作が集結します。今回も、なかなかの見ごたえ、回しごたえが有りで、ついつい多めに回し過ぎ、マウスを持つ手の握力が...デス。

そんな中、もっとも多く回してしまったのが、イタリア、トリノ在住のAlessandro Ugazio氏の撮影した、このパノラマ「Little Blue Spirits in the Fog」。場所は、トリノ、カプチーニの丘に建つ、サンタ・マリア・デル・モンテ教会。

霧の中に浮かぶ青い光のインスタレーションが、かなり神秘的?と言うか宇宙的。見ていると、天使の輪、光るクラゲ、宇宙船の軌跡、、、ついつい想像が膨らんでしまいます。さらに、このパノラマをぐるーっと1回転してみると、霧で教会側がブルー、下界側が紫色と、二分されているところも幻想的な世界を演出しています。

このインスタレーション、トリノの街の冬のシンボルとなっているようで、2005年に、同じUgazio氏が撮影した霧無しバージョンもサイト上(360cities)で見ることが出来きます。

Ugazio氏のパノラマが気になって、ホームページを拝見しました。
Alessandro Ugazio
氏のホームページziouga.itにはイタリアの魅力的な風景はもちろんですが、VW Maggiolone(イタリア版ビートル?)のインテリア、バンド練習風景、イタリアの古いキッチンなどなど、被写体の趣味がかぶっていて、かなり親近感を感じてしまいました。サイトには、氏のパノラマ・テクニックも紹介されていて、真下の撮影方法などは、ほー、、、なるほどデス。

世界旅行の入口はこちら → WWP - Best of 2008

Powered by
Movable Type 3.35