網站領航員
相信不少人都有使用 Gmail,可是你知道透過 Gmail 篩選器能讓信件變得更加有規則嗎?
歡迎點閱站長小柏期中考後的第一發文章:《善用 Gmail 篩選器來管理郵件

無遠弗屆的網路連線,除了能幫使用者找到非常多的資料之外,還可以讓使用者嘗試做許多不一樣的事情,例如從線上參觀某地方的景點、或是參觀總統辦公室等等,但是想像一下,如果這些東西能夠從靜態的圖片,變成具有互動式的動態元件,那或許會增添不少臨場感吧?

這聽起來好像很科幻,不過,網路巨擘Google真的做了。

運用Chrome Experiment,使用者可以透過Chrome以及最新的瀏覽器技術在網路上操控五項神奇的裝置,猶如真實親臨該博物館。

首先,先看看這段短片吧:

 

當初我便是在YouTube看到這部影片,才知道有這個玩意兒,不過那時尚未開張。

 

 Chrome Web Lab 

網址:http://www.chromeweblab.com/
語言:英文等九種(無中文)
系統要求:需使用Google Chrome瀏覽該網站


該實驗室主要的特色是運用網頁技術(HTML5, Canvas, JavaScript, WebGL...)

共有五項實驗裝置可以「玩」,

以下將為大家示範其中一個裝置,他叫做"Universal Orchestra",顧名思義就是跟音樂、樂器演奏有關係的裝置。

01_UniOrche

然後點一下"Launch Experiment"便可以開始玩囉!

接著可以看到兩個選擇,一個是"Play in Museum",右邊的則是"Play Online",兩個都可以嘗試看看喔。如果選擇左邊的"Play in Museum",將會透過YouTube線上直播該博物館的實況(不知道是真是假,如果是真的,那真的太強大了!),而且還可以加入真實操控,不過要排隊。

02_UniOrche

不巧的是,我邊打這篇文章,一邊排隊,結果不知道錯按什麼,又得重排隊,算了,先去玩線上版的吧,那個不需要排隊的。

線上版的長這個樣子,有各式各樣的樂器可以操控,然後當你選定了一個樂器之後,必須在圓圈圈的地方點一下,並照著他的步驟才能開始玩,很簡單,把圓圈圈放在空白的地方,使用者總共有六個圓圈圈可以分配擺放的位置,橫列的左右代表聲音出來的先後順序,左邊最先,右邊最後,不過右邊結束之後又會回到左邊,直行的上下代表頻率,上面頻率愈高。

03_UniOrche

每項樂器都可以嘗試看看,聲音都很特別

其實,如果不知道怎麼玩,可以點選右上方的"How it works",Google準備了非常深入淺出的介紹影片告訴大家他們是如何做到的。

這部影片簡單介紹Universal Orchestra的特色與使用說明,而以下這部則是介紹他的運作方式。

另外還有四項裝置,就讓大家自己去嘗試吧!

 

 


 

下一個Chrome Experiment,將帶領大家一同深入經典童話《綠野仙蹤》的奧茲國,體驗奧茲國奇幻世界的無窮力量,並探索通往神奇的奧茲國之路。

Oz_00

相信也有人在Facebook看到Google Chrome的最新動態吧,

好刺激的感覺喔,咱們開始吧!

 

 尋找奧茲之旅 

網址:http://www.findyourwaytooz.com/
語言:多國語言(含正體中文)
系統需求:需使用Google Chrome瀏覽該網站


稍微簡介一下好了,其實這個網站是Google與迪士尼所合作開發的,主要是因為迪士尼將於今年三月推出新電影《奧茲大帝》,該電影是《綠野仙蹤》的前傳故事,主要說明一個小魔術師跑進「奧茲國」所發生的一連串奇幻旅程。

Oz_01

打開Google Chrome,咱們這就出發吧!

等他載入完畢之後,按下繼續,就可以開始四處亂晃了~

Oz_02

上面有一個黃色球,點點看好了!

Oz_03

我剛才點了用橘色五邊形框起來的黃色球,這時滿天螢火蟲般的景象突然出現了!

下面主選單有三個圖案,分別代表三種場景,目前最左邊那個圖案外面有光芒,代表現在的所在地。之後我選擇了中間有「帳篷」圖案的場景之後,瀏覽器將會為你載入......

Oz_04

按按看滑鼠左鍵,快按!

這時我們便來到了魔術師的帳篷,牆壁上的東西都可以隨便點點,反正應該不會跑出嚇人的東西吧~

Oz_05

咱們繼續往帳篷走進去吧,說不定會發現魔術師的秘密呢!

Oz_06

創作電影耶,點點看好了

Oz_07

喔不~竟然要開啟視訊,這實在是太邪惡的設計啦!

接著,我們趕到了下一個場景,在這荒郊野外當中竟然出現了「熱氣球之旅」!

Oz_08

載入完畢之後,畫面顯示出這行文字:

Oz_09

好可怕的感覺......

在經歷一場大亂鬥之後,似乎又回復了平靜,電影的劇情好像也滿常如此鋪陳的。

Oz_11

雖說這個網站最主要還是在行銷他們的新電影啦,但值得介紹的是,過程當中運用到許多HTML5新技術,像是說直接在瀏覽器當中使用網路攝影機(延伸閱讀),以及過程當中許多精美的畫面。

再舉一個例子:音樂盒(在第一個場景「馬戲團」當中),可以自己創作簡單的音樂,使用方法就類似上面為各位介紹的Chrome Web Lab的Universal Orchestra,透過滑鼠點選方塊,就可以編織出簡單的音樂了。

Oz_12

是不是很有趣呢?以前很多東西都必須透過許多他方軟體才能完成的事情,現在只需要運用網頁技術便能達成了。

這也見證出,Flash稱霸的時代即將沒落,也凸顯出HTML5新規格的強大之所在啊!

, , , , , , , , , , ,

小柏(Shiaubo) 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • YI - TING WU
  • 雖然中間的說明一度讓我有點頭暈,但真的很好玩了!
  • 中間真的頗難,本來我想多做解釋,但網路上的資訊,其實我也看不太懂!(糗大了)
    謝謝老師的分享,其實我在FB有稍微說明這篇文章的來龍去脈,一波三折啊!

    小柏(Shiaubo) 於 2013/02/13 08:40 回覆

【 X 關閉 】

【PIXNET 痞客邦】國外旅遊調查
您是我們挑選到的讀者!

填完問卷將有機會獲得心動好禮哦(注意:關閉此視窗將不再出現)

立即填寫取消