Gorillaz ie9 theme 00 微軟的新版瀏覽器IE9 Beta推出已經有一週了,發表當時也運用了他們擅長的絕招,拉著一群協力廠商一起助陣。其中有一組特別佳賓是Gorillaz虛擬樂團,小編這兩天才實際上去玩過,除了更仔細認識IE9的釘選網頁功能,還發現這個樂團本身非常的酷,推薦大家順道一起玩。

Gorillaz原本就有個功能五花八門的官網,有趣的是,IE9標榜支援HTML5,不必透過外掛就能產生各種多媒體與互動特效,但是Gorillaz有許多遊戲卻是透過Flash外掛操控的,於是網站上又開設了另一個「Murdoc's Club Room」入口,集中展示HTML5的特效畫面。

Gorillaz是來自英國的樂團,雖然英文官網讓人眼花撩亂,台灣網站相對就顯得十分陽春,當然也就沒有代言IE9的訊息整理。台灣將Gorillaz的團名翻譯成「街頭霸王」,但大陸則是取為「街頭頑童」,因為在大陸街頭霸王已經是格鬥遊戲《快打旋風》的譯名了。

▲Gorillaz全球官網:http://gorillaz.com,gorilla這個字是大猩猩的意思。

▲為了IE9特別開設的Club Room,所有特效都是以HTML5做成。

▲相較起來由金牌大風代理的台灣網站就只有靜態展示而已。

Club Room的背景是一大片展示牆,擺的都是和Gorillaz有合作關係的人物,順便簡介一下,負責展示的是團長兼貝斯手Murdocs,另外的樂團成員還有吉他手Noodle、主唱2D、鼓手Russel Hobbs。

因為是虛擬人物,所以他們的個性鮮明,甚至遊走在社會制度、法律的邊緣也無傷大雅,Noodle目前疑似被炸死,由團長組裝了另一個生化人代替。

回到正題,展示牆的重點是經由IE9標榜的硬體加速功能,相框往前滑動的特效會更順暢,不過如果電腦的處理器夠快,其實也感覺不到差別。

▲點選Gorillaz Club Room上的展示牆,會顯示和相框人物有關的連結。

▲上一張吉他手Noodle沒什麼資料,主唱2D則可以從網頁上直接播他唱過的歌。

這個展示網頁的連結路徑其實不多,其他可以逛的內容都放在右側的圓桌上,點開Murdocs的筆電後,會呈現虛擬的桌布和彈出HTML5的影片視窗,桌布上還有IE9和佈景主題的下載連結,微軟還不忘置入行銷一下,如果用非IE9瀏覽器開啟,佈景主題的連結就會改成「請換成IE9再回來」的提示文字。

▲按下圓桌上的電腦,會秀出虛擬的螢幕,上面有團長Murdocs的代言影片和一些下載連結。

▲Windows 7佈景主題主要可以換桌布,還有Murdocs配音的各種系統音效。

▲一共有9張桌布可以輪播。

▲示範頁面包括了Murdocs人頭飛行動畫,還有Russel Hobbs狂吃餅乾的小遊戲。

▲按下圓桌上的書,可以了解一下四名團員的身世背景。

除了展示網頁特效,將Gorillaz主站釘選到工作列,也可以發現它已經實作了各種相關的捷徑和圖示。微軟在官方部落格上分享,網頁釘選的功能主要靠<meta>標籤和JavaScript來控制,<meta>標籤可以在Jump List寫入一些設好的連結位址,比方會員個人頁、檢視新訊息等等。如果是透過JavaScript程式控制,還可以透過記錄使用者偏好來產生關聯的捷徑,比方在線上廣播網站裡快速欣賞特定類型的音樂。

如果你用過Windows 7的Windows Media Player,應該很習慣從工作列上的縮圖裡按播放、上一首、下一首等迷你工具列,不必打開主視窗也能快速操控。當初微軟在Windows 7開發這些功能,原本就是讓其他應用程式也可以自訂專屬的Jump List和縮圖控制按鈕。而各個瀏覽器到最近才慢吞吞的加入Jump List,foobar2000還得靠外掛才能支援,沒想到微軟這招順便也幫雲端程式鋪路,另人驚艷。

當Gorillaz捷徑視窗瀏覽到了它的G-Player頻道,縮圖上的小工具列就會帶出上一首、下一首、播放及暫停,甚至還有購買單曲的按鈕哩。對於已經習慣在網頁上大量看影片、聽音樂的我們,這樣的設計可以說是超級方便。

 

▲經過網頁開發者設計的Jump List,除了有自訂的網址捷徑,圖示也可以從<meta>標籤透過簡單的HTML指定。

 

▲想聽專輯列表裡的下一首歌嗎?按一下小圖示,不必開網頁就搞定了。

最後帶大家來玩玩Gorillaz網站上的解謎遊戲「Plastic Beach」(台灣翻譯:天涯海膠,讚),這個就跟IE9沒啥關係了,完全是以Flash做成的。Plastic Beach也是這個樂團的最新專輯,玩遊戲的同時可以了解為什麼會有這個怪名稱,並且和各個團員直接對話、互動。

不過目前遊戲的bug似乎很多,常常進行到一半彈出視窗就顯示不出來、整個畫面卡住,甚至還會跳錯誤訊息。而且卡關機率很高,遊戲步調也很緩慢,推薦給有愛的讀者才能持久的玩下去。

▲隨著解謎的進度,可以遇到Gorillaz的各個團員,和他們對話、聽取情報。

▲這個房間裡還擺了一尊惡魔檯燈,結果是可以網購的置入性行銷。

▲先從袋子裡把正確的工具拿出來,然後按畫面中需要解謎的項目即可。

▲裝電路板,這是阿宅最在行的吧,結果裝了好幾個小時才搞定。

▲在遊戲過程中隨時可以叫出左下角的PDA,放幾首音樂來抒解進度太慢的煩悶吧。

使用 Facebook 留言

62d5295bff8b4eeff80960c1c61a4e8d?size=48&default=wavatar
2.  DELLFANS (發表於 2010年9月29日 16:05)
有強者可以直接放win7佈景的連結嗎?英文苦手捏,還要玩遊戲,真的找不到

發表回應

謹慎發言,尊重彼此。按此展開留言規則