首頁 > html教程 > HTML熱點 閱讀:0更新時間:2020-12-20 09:49:45

Google HTML5+Rock Music :《The Wilderness Downtown》

2010年9月5日

The Wilderness Downtown
The Wilderness Downtown

如果你從沒聽說過互動電影,那就真的要點擊這里 開 開眼界了。這個頁面以灰白色調為主,頁面上的動畫效果皆由 html5 技術制作,官方推薦最好使用 Chrome 瀏覽器,經過我們的試用,IE8 與 Opera 均無法啟動這個頁面,而 Firefox 4.0 Beta 4 和 Safari 都能體驗這個互動電影。

The Wilderness Downtown
谷歌在間接“鄙視”IE8 與 Opera 對 HTML5 的支持度

但這兩款瀏覽器對這個頁面的 HTML5 特效處理速度奇慢無比,偶爾還會出現崩潰現象,我們不排除這一個頁面為谷歌 Chrome 瀏覽器特別優化過,因為這種以特效體驗頁面來暗中貶低對手的把戲已經屢見不鮮了。

登錄這個頁面后你首先需要輸入你小時候的住址,為什么?因為電影情節將會從這里開始,并且融合谷歌地圖和谷歌街景的技術到電影中,達到非常震撼的互動效果,其他諸如 Canvas,Video,Audio 等的 HTML5 標準特效就更加不用多介紹了。

The Wilderness Downtown
輸入小時候的住址

經過好一會兒的載入等待之后,由著名作家兼導演 Chris Milk 親自操刀的互動電影就開始了,開始的時候,一名模樣十分鬼祟的白衣男子在狂奔,奔到有氣無力的時候,電影會先暫停,讓你用交互繪圖工具繪畫一張明信片,寄給小時候的你。

The Wilderness Downtown
一雙無影腳

The Wilderness Downtown
谷歌街景視圖中的是不是你兒時的家?

你可以用鼠標亂涂亂畫,也可以直接輸入你想說的話,不過這張明信片,無論你的畫工有多精細,畫出來的都只能是錯綜復雜的線條,配合著名獨立搖滾樂團 Arcade Fire 剛剛推出的新專輯《The Suburbs 》中的歌曲?We Used to Wait 作為主題音樂,頗有剪不斷理換亂的感覺。

The Wilderness Downtown
錯綜復雜的明信片

The Wilderness Downtown
寫完明信片后將會是一段狂奔的視頻

紙上談兵完畢,最后送上這個HTML5 互動電影《The Wilderness Downtown》的視頻。


The Wilderness Downtown

關于 Arcade Fire (拱廊之火)

Arcade Fire(拱廊之火)是一支獨立搖滾樂隊,來自于加拿大的蒙特利爾。樂隊的主創成員是Win Butler和Régine Chassagne,他們是一對夫妻。樂隊演奏的主要樂器有吉他、貝司和鼓,除此之外還有鋼琴、小提琴、中提琴、大提琴、低音提琴、木琴、鐘琴、鍵盤、圓 號、手風琴、豎琴、曼陀林和手搖風琴。樂隊在巡演中會帶上幾乎所有的樂器,然后由多面手的樂隊成員們在整場演出中交替演奏。

Arcade Fire
Arcade Fire(拱廊之火)

拱廊之火樂隊贏得了諸多獎項,包括2008年流星音樂獎的最佳國際專輯獎和2008年朱諾音樂獎的年度另類專輯獎。樂隊在2005年和2008年因專輯《Funeral 》(葬禮)和《Neon Bible 》(霓虹圣經)同獲格萊美音樂獎的最佳另類音樂專輯獎提名。而他們于2010年發行的新專輯《The Suburbs 》(郊區),更是得到了評論界的稱贊。

轉自:http://www.iamued.com/qianduan/1701.html

beylze編程學院,一個分享編程知識和seo優化知識的網站。跟著beylze一起學習,每天都有進步。

通俗易懂,深入淺出,一篇文章只講一個知識點。

文章不深奧,不需要鉆研,在公交、在地鐵、在廁所都可以閱讀,隨時隨地漲姿勢。

文章不涉及代碼,不燒腦細胞,人人都可以學習。

當你決定關注beylze(公眾號:beylze),你已然超越了90%的其他從業者!

相關文章

優秀教程

国产亚洲欧美日韩