Flash360環景+跑馬燈選單

跑馬燈的功能
在網頁上使用JavaScript早不是什麼特異功能
至於說在Flash中 也是司空見慣

只是對於只會按快門、點滑鼠的我而言
隨便要在360VR中加入一個簡單的功能
就足以讓我人仰馬翻~

以往都要跟處理虛擬導覽的業者合作
但往往因業主很實際(天馬行空)的要求
而又有時間壓力的考量
要四處求爺爺告奶奶的那種窘境...

求人不如求己
自己自強不息比較實在~

實際操作驗證 也能更深入理解"互動"的一些機制
接著慢慢添加一些亂七八糟 影響觀賞的垃圾資訊
之後再由繁復簡

嗯 抽掉功能 應該會比起增添功能要簡單
所以 先嘗試增接一些有的沒的功能
然後再慢慢篩選、整合~

底下就是連結與預覽畫面：
Flash360環景+跑馬燈選單 Demo連結

Flash360環景VR內嵌Google地圖

試做了一個在360VR內嵌入Google地圖的網頁
一方面要在地圖上標示360位置的圖標
另一個就是360VR本身的羅盤(指北針)

這個Demo總共放置了五個360景點
分別為：
1.七星山
2.台北101
3.台灣博物館
4.308原住民為尊嚴而走
5.中正紀念堂
(移動地圖至相關位置 則會出現標示點
點選標示點則可切換至該景點之360畫面)

因為是使用先前的影像檔
所以畫面的方位(指北針)不一定正確...

還有一個大問題 就是IE瀏覽器沒辦法正常執行
但FireFox, Chrome, Opera等瀏覽器則完全沒問題~

在360當中 除了電子地圖之外
應該是可嵌入更多的物件 提供更多的資訊內容
但 要如何整合一堆資訊 而又可避免畫面的紊亂
(360VR當中 有哪些是必要、不可或缺的資訊?)
這是需要好好思考的問題!

網址連結 360環場+Google地圖導覽

ROXIK | PICTAPS

使用者可以參與的3D 360?
提供無聊的人隨手塗鴉...
也算是蠻有趣的網站就是了

官網連結網址：http://roxik.com/pictaps/

FlashPageFlip電子書試作

說到一些應用軟體，推陳出新實在太快了，
基本的功能都還沒搞清楚，馬上又有新版本...

例如：Flash就是一個活生生的例子，
ActionScript都還沒弄懂，就已經發展到3.0了
然後還冒出一個Flex...真是令人傻眼啊！

提到Flash，實在是因為網路上的多媒體，
很多都是Flash製作的，而其Player的高佔有率，
也是很重要的因素。

然而，隔行如隔山，要搞懂一堆製作軟體，實在是有困難！
好在有方便的網路，總是可找到一些有用的資源。

例如 FlashPageFlip 網站，他就有提供一個免費的版本，
雖然很陽春，但像是基本的翻頁功能都沒問題，
就給他下載來玩一玩。

用免費的 FlashPageFlip 來製作電子書，真的是超簡單的，
完全不需要懂任何Flash的技能，
只要用"記事本"改一下其xml檔，置換掉連結的圖片
然後將資料上傳至網站空間，一切就搞定！

底下就是我試作的 e-Book ，
原本想要在電子書中嵌入360°環景，但沒有成功...
嗯！專業的東西，還是有一些門檻須要跨越。

不過，在基本上，像是製作靜態平面影像的照片，
FlashPageFlip 應該是很方便的工具。

順便一提的，在 Paul van Roekel.nl 的網誌友看到一篇：
Flash Page Flip Photo Gallery template for Picasa
作者提供一個可以拉 Picasa 電子相簿圖檔的修改檔下載，
有興趣的人可逕行前往參閱、下載。

典藏數位台灣 360°環景攝影 e-Book

Google Map 的線上模擬駕駛遊戲

GEOQUAKE 一個採用Flash格式
以Google Map為底的線上駕駛模擬遊戲，
分別有英文跟日文兩種網頁版本
(原本還以為方向盤有左駕跟右駕之分...)

遊戲方式很簡單，就是用按鍵跟滑鼠來操作，
方向盤可靠滑鼠或鍵盤左右方向鍵控制
前進、停止則用鍵盤上、下 方向鍵來操控。

可以選擇車種，例如小轎車或是大貨車
Google的地圖也可切換為道路或是衛星地圖。

而所在地區可以直接輸入如"台北車站"，
然後按[Go]，地圖就會呈現台北車站的區域

而問題就在於：
汽車行駛並每沒有限定只能在道路上...

要玩有真正有路線規定，不然會撞車的遊戲，
那就要到原作者的"2D Driving Simulator"網頁。

覺得有許多人真的是想像力豐富，有創意
而且又有技術能力！

每天在網路找資料，都會撿到一些不錯的"網站" XD

GEOQUAKE 網站頁面

Flash eBook

標題說是eBook，其實，正確地說應該是eMagazine，
因為在這裡要介紹的是一個電子雜誌的製作網站：
mygazines 他很巧妙地將my magazines(我的雜誌)
結合成一個新的"單字"。

就目前軟體的功能，要建立一本電子書或是電子雜誌
在技術上絕對沒有問題，
雖說我不會Flash，但肯定電子書的製作，
像是翻頁等這些噱頭根本就是雕蟲小技。

時下的許多Flash網頁，都是為了耍炫，
而忽略掉對於讀者最重要的是在於內容資訊的閱覽與筆記。

mygazines 網站一如許多所謂的Web 2.0
提供了一些使用者能夠參與的功能，例如筆記、眉批等...
當然，跟閱覽實體書報的方式或習慣是有點不同的。

OK，那這mygazines 網站到底有什麼"特殊之處"？
要說有的話，那就是類似我們在瀏覽大量資訊的時候，
會從這些訊息中獲得一些啟發，
我在這網站看到的，就是閱讀與社群的結合。

要說閱讀跟社群，
這跟早期的"電子報"或是現在的"網誌"有什麼差別？

我覺得這差別在於對全文及段落文字回應的不同，
也就是說，閱讀者可標注、或針對某段字句進行眉批，

能建立像Wiki維基百科那般的超文書連結，
而不需要去了解一些像是HTML語法的玩意兒，
每個閱覽者都可很直覺地透過滑鼠拖拉標示文章段落
然選取要加註的內容，不管是文字、聲音、影片
或是各類多媒體格式 (有點類似像 plurk 微型網誌)

而差別是在於互動的主軸
是針對電子書內主題的"隻字片語"進行回應，
這越扯會越遠，不就一些問題做天馬行空的想像，
但就現階段越來越多的資訊閱覽，
mygazines 網站提供了一種不錯的對策方案。

mygazines demo


mygazines網站

[360VR] 九份

這個景點，以前就在我的網誌：九份文史工作室發表過，
只是之前是使用QTVR MOV格式，
對於未安裝Quicktime的網友可能就無法體驗到360°環景情境，
今天就把就檔翻出來，製作成Flash格式重新發佈。

我喜歡優閒地漫步在小鎮、山林之間，
那是一種心靈的洗滌、一種享受...

就算是在忙碌的塵囂中，只要一打開先前拍攝的360VR
心境也就順時改變到拍攝時當下的時空情境...
謹提供與大家分享！

[觀賞 Flash 360°環景]


[觀賞 Flash 360°環景]

[活動] 97/12/20 空軍松指部松山基地開放參觀

根據全民國防知性之旅主題網的國軍97年營區開放時程介紹，
表定預計 97/12/20 空軍松指部松山基地開放參觀。

底下是去年開放參觀時所拍的，
由於武器裝備展示是在停機棚的室內，
與外部艷陽高照的反差很大，加上參觀的遊客很多，
畫面影像品質有點不良...

此外，去年亦有真對Google地球製作一個kmz檔
空軍松山基地 幻象2000軍機展示(需用Google地球開啟)

請<點選>觀賞Flash 360°環景

[景點] 靜浦北回歸線記念碑

靜浦北回歸線記念碑位於花蓮線豐濱鄉，
也就是在花東海岸公路(台11線)約70km處。

北回歸線是太陽在北半球能夠直射到的離赤道最遠的位置，
大約在北緯23.5度。
通過的國家和地區有：台灣、中國、緬甸、印度、孟加拉、
阿曼、阿拉伯聯合大公國、沙烏地阿拉伯、埃及、
利比亞、阿爾及利亞、西撒哈拉、巴哈馬、墨西哥等國。

據說全世界的北回歸線有九座，都在海峽兩岸
而台灣有三座，分別是：嘉義縣水上鄉、花蓮縣瑞穗鄉
以及這裡所貼的花蓮縣豐濱鄉的靜浦北回歸線記念碑。

請<點選>觀賞Flash 360°環景

360環景與電子地圖

昨天收到360Cities站長Jeffrey的e-mail提到，
目前已經完成結合Google-Earth與360°環景的網頁：
new 360cities google earth / panorama interface

Jeffrey特別強調這網頁目前只是beta版，
未來將會有更友善的操作介面以及更完善的360°環景內容。

事實上，早先360Cities就已經有
在360°環景內嵌入Google Maps的示範網頁

從Flash能夠展現360°環景開始，
就逐漸預測到這類的整合應該會日趨完善，
且內容會更加多元。

從創意概念到內容的呈現，實際上並不是很大的問題，
比較大的癥結是在於媒體播放介面的"統一"。

早期QuickTime的QTVR早就擁有強大的功能，
並能用來播放Flash格式的檔案，
而早先的JAVA也提供許多360°環景的控制指令。

但這些都不敵大公司各立山頭不願整合，
以致最後就是沒辦法形成一個友善的360°操作環境...


不過，目前Adobe家的Flash播放器已經佔有98%的情況下

(IE 瀏覽器有內建Flash播放器的外掛)

加上Google Earth/Maps也分別提供Plug-in與API，
未來，以360°環景為主體的內容，

在整合各類媒體物件上，應該會有更加多元的應用吧！

可與Googole Earth視點方位同步的360°環景雙視窗網頁


在360°環景中嵌入Google-Maps的網頁

一個新的360VR論壇「101城市論壇」

與朋友合作開設了一個以Flash 360°環景為主的101城市論壇
目前剛架設完成，還處於"測試"階段當中。

當然，如果內容純粹只有秀Flash 360°VR的檔案，
那不僅會有景點資料更新速度的問題
(就像這個網誌，要很久才會有一篇新文章...哈!)

無論就廣度與深度，會有很大的限制，
既然是論壇，免不了要有一些相關的議題可以討論，
所以，除了Flash 360°VR作品展示之外，
也有360°VR應用、發展範疇的雜談，
以及一些國際上值得觀摩學習360°VR網站的介紹。

除了360°VR的議題之外，
還有一些食衣住行育樂方面，搭配Google Maps地圖，
可以探討具有"地點"位置的民生資訊相關議題。

目前101城市論壇尚處於草創階段，內容可能稍嫌不足，
歡迎有興趣的人前往101城市論壇登錄註冊與灌水！
以上。

101城市論壇版面預覽

Fotopus 京都・東寺【3Dバーチャル写真展】

OLYMPUS官網的フォトパス写真展(Fotopus 攝影展)



有一則京都・東寺【3Dバーチャル写真展】(3D虛擬攝影展)


說是3D Virtual，其實就是360°環景的虛擬空間，
由於Flash格式的360°環景無論在瀏覽或編輯上都較QTVR方便，
(拍攝及後製方面並沒有差別)

對於這類的實景虛擬導覽，未來應該會有強化的互動運用，
但就另外一面而言，這類的內容應該要整合到"行動數據"，
也就是像手機、PDA、衛星導航之類的電子產品
能夠提供更完整的播放界面，

再來就是無線上網的頻寬可以提供更迅速的資料顯示，
而這些目標，可能還有很長的一段路要走..

Flash swf 格式 360°環景

之前所拍攝的360°環景，要在網路發布，
主要是以Quicktime的QTVR，或是採用JAVA的方式。

無論採用Quicktime或是JAVA，使用者端通常會遭遇到一堆問題，
例如要下載、安裝外掛播放程式等等，相當不方便，
有時還會有一些莫名其妙的問題，
這對大部分的使用者而言，實在是很大的困擾！

直到去年，Flash開始支援360°環景播放，
這對許多人都是一件好消息，
代表360°環景有更Friendly的介面。

不過，這並不表示所有的問題都迎刃而解，
只能說是克服了部分障礙...

原本我的想法是：
找會Flash的人做長期配合，結果是一場空...
最後只好硬著頭皮自己鑽研、尋求解決之道。

其實，國外早有許多編輯製作Flash 360°VR的軟體，
前一陣子，就找個最簡單的來搞，
目前各別的360°環景都沒問題。

底下提供一些試作的讓大家參考：
(有太多完成的圖像可作測試，
就怕沒有足夠的空間跟頻寬可供分享 ^^)

基本上，操作方式就是使用滑鼠在畫面中按住左鍵拖曳，
(滑鼠有滾輪的話，可直接進行畫面縮放)
直接點按畫面中的控制鍵也可以進行移動予放大縮小。
大概就是如此，請諸位參訪、瀏覽者多多指教！

為使畫面足夠清晰，環景檔案稍大，下載時請稍安勿躁 :-)

花蓮 東西橫貫公路牌坊 觀賞360°VR


308圓住民為尊嚴而走 觀賞360°VR


國立台灣博物館 觀賞360°VR


總統府 敞廳 觀賞360°VR


台北當代藝術館 觀賞360°VR


林道生教授 觀賞360°VR

VistaZoo

VistaZoo是一個以地圖為基礎的電子相簿
目前提供免費申請，註冊登入後，便可上傳圖片。

選擇 Explore map 可瀏覽他人上傳並公開的畫面，
地圖介面可根據使用者喜好，
選用Google Maps或MS Live Search Maps，
單然可切換衛星地圖或是一般道路地圖
(選單中有Yahoo地圖選項，但好像不能用...)

當然，如果只是結合地圖的電子相簿，這沒啥了不起，
除了一般的平面影像以及視訊媒體檔之外，
VistaZoo還提供360°環景的Virtual Tour功能，
使用上也蠻簡單的，就是將環景圖的JPG檔上傳，
選擇Edit Virtual Tour的選項，
他就能將圖檔轉換成Flash格式的360°環景。

要說缺點的話，就是網站速度有點慢
還有就是Virtual Tour的360°播放視窗有點小，
也有點醜... XD

Flash Panorama 試作

忘記從哪裡抓來的程式碼，
利用先前所作的G-Earth 360試著用Flash搞一個 Panorama，
也因為搞不清楚許多參數的設定，播放的畫面怪怪的...
問題多多，暫時就醬子，有空再來研究。
(註：好像Flash Player要9.0以後的版本才能播放)

Eye Project by KDDI

數位影像的濫觴，使得網路充斥著無數的影像畫面，
透過相關軟體的處理，網路上匯集龐大的影像資料庫，
提供製作馬賽克畫面充分的原料。

由一張張小圖拼湊出組合的大圖，就像印象派點描繪畫般，
每一張獨立的小畫面，變成點點的畫像素...

最近在鑽研Flash的製作，不停地透過網路搜尋資料，
也發現許多有用的資料，同時更欣賞到許多優異的創作。

Eye Project by KDDI 令人嘆為觀止的地方
是在於將馬賽克融入線性的影片當中，
仔細Google，網際網路真的是充滿許多"神人"的作品，
內行人看門道，而我這種外行人只能看熱鬧，
並借花獻佛，提供分享...


由許多畫面構成的Video


Video畫面構成的立方體

Canon EOS 400D Flash Panorama

歐洲 Canon 網站的 EOS 400D網頁 的Flash寬景

有別於單一畫面，透過一堆單張的畫面構成一個完整的場景，
其實這種拼貼的技法，在傳統攝影中不乏這類作品。

但是搬到電腦中，搭配PV3D的技術，
利用Flash格式展現出生動的話動效果，
尤其是三度空間的感覺，以及相機連拍構成的動畫，
可說是令人驚艷的創作與巧思。

以前很討厭那種為效果而效果的Flash網站，
尤其是很多網站，一連結進去，
就來那麼一段不知所云的Flash展示，
還要費勁才能跳脫花招才能進入想要瀏覽的頁面，
台灣很多公部門的網站不乏這樣的例子...

有點扯遠了...
回到EOS 400D這種讓人眼睛一亮的Flash作品，
那種宛如置身於現場的3D空間效果，
應該對這部相機有加分作用。

當然，也有可能是我對這類題材有所偏好
(戶外自然景觀、城市人文紀錄之類的內容及相機商品)
而對不同類型的網頁評價有所偏頗，
但EOS 400D這網站的Flash感覺真的很好。

三種不同空間屬性的相機功能展示Demo


Wilderness Wonderland 預覽畫面

Wings - a google maps explorer

Wings - a google maps explorer
利用Flash與Google Map結合的老鷹飛行網站。

進入頁面後，先選取國家，再選擇城市，
還有雲層設定選項(預設為有雲)
然後使用鍵盤的方向鍵即可控制老鷹的飛行方向與高度。

他有另外提供一個可以自訂起始地區位置的超連結，
底下是台北上空的座標連結：
http://www.markfennell.com/flash/wings/index.php?latitude=25.034691&longitude=121.521513&zoomlevel=3
粗體字的部分是可自行輸入的緯度、精度與高程，
高程部分數值為0~18，表示由最低到最高，
不過我使用此一連結，好像沒辦法正常執行，
可能是Google Maps API版本的問題...

Wings - a google maps explorer


老鷹在 Google Map 的台北上空飛翔

PQ Talking-Photo

PQ Talking-Photo 是一個利用照片，
配合聲音或歌唱，製作成有表情的對嘴動動畫
採用Flash影片格式播放

首頁有一些利用卡通人物或是可愛動物所製作的示範
平面照片搭配聲音加上表情的變化
令人感覺很生動、有趣

有興趣的人，還可以進入底下的網頁自己動手製作：
Create your own Talking Photo Demo
當中有現成的"照片"跟搭配的"腳本"提供選取

當然已可以完全由自己動手製作
但感覺上，要從平面照片製作成動畫，好像挺麻煩的...
至少是很花時間。

Demo影片(滑鼠移到畫面中點選播放鍵可開始播放)

PQ Talking-Photo 網站

ヒゲチェン

ヒゲチェン 一個有趣的Flash網站

一個平常人在窮極無聊的時候，
如果手上有紙筆的話，就會隨手給他亂塗鴉
而要是有一些人頭照片的話，總是會在臉部添加幾筆
最常見的，就是畫鬍子...
這個網站創意構想可能就是從這個點子而來。

而結合電腦軟體的功能，利用立體貼圖的方式，
將呆板大頭照轉成立體動畫，
照片中的頭還能使用滑鼠來控制轉向，
而眼睛、嘴巴也會有張開、閉合的動作，
算是蠻有趣的。

此網站有提供操作說明 網頁
雖然是日文解說，但搭配影像圖片
在操作上應該很容易上手

利用阿扁的肖像試做了一幅"長鬍子"的畫面
希望不會有汙衊國家元首的罪名...
(感覺上，畫面中神情看起來，好像有那個趙建銘的fu)


ヒゲチェン網站頁面