15個令人震驚的HTML5實驗

發表於2011-09-16

注:本文由敏捷翻譯翦丹編譯自 Sonia Tracy 的博文。如需轉載,請參見文後宣告。

除非你一直在岩石下生活,否則你不會沒聽過HTML5。現在幾乎到處都有HTML5的身影,這得益於蘋果公司前CEO 賈伯斯和很多開發人員的推廣。Sonia Tracy 收集整理了15個令人振奮的HTML5實驗。提示:如果無法檢視這些實驗,請更新你的瀏覽器。

1. Canvas Cycle

藝術家Mark Ferrari 和 編碼師 Joseph Huckaby的共同合作,這是一幅華麗動人的自然風景畫,如冬日的森林,海景和山脈。他們看著這美不勝收並具有音效的圖片,心曠神怡。如果你想從工作中獲得片刻的輕鬆,這些照片可以瞬間融化你的緊張感。

2. Google Gravity

另一個來自於Mr.Doob的驚人之作,這比第一個的互動少些但是仍然十分棒。它提供了谷歌搜尋主頁的基本的副本。但是當你點選游標讓整個頁面開始“下滑”直到底部。谷歌標誌作為一個迅速重新整理頁面的連結,這對那些討厭谷歌的大公司來說是個很有意思的遊戲。

3. Canvas Trees

這是有Kenneth Jorgenson創制,這可能是唯一一個地方你能夠看到這種句子“重新整理會有更多美味的樹”。正如所說:你可以點選網站,然後它會帶你到一個白色的背景。當開始計算程式中有多少分支時,黑色墨水繪製的樹開始成長。你可以不斷地重新整理,只要你願意。

4. Magnetic

這是另外個有意思又可供你娛樂的小東西。你基本以一對“磁鐵”開始,這可以在螢幕上拖動。些許微粒光束圍繞著它,如果你移動它可以改變他們的形狀。如果你想要更多的磁鐵和微粒,只需雙擊並拖動他們到任意地方。是的,他們都是有關磁鐵和微粒。

5. Celebrity Earnings Graph 名人賺錢圖表

想知道一個電視名人每集節目賺多少?這是個很酷的小圖能顯示成堆的彩條,它們代表每一個特定特定的名人(或像 Charlie Sheen). 這是 Daniel Rapp諸多專案中的一個。

6. Canvas Ribbon

Paul Truong 開發了這個有趣的應用,能夠讓你通過不停地移動在螢幕上繪製多色彩條。它能使形狀和設計都十分漂亮。你所需要做的只是在螢幕上拖動。

7. WebGL Water

這還有一個很酷的演示,使用了革命性的WebGL(基於Web的圖形庫),在谷歌chrome上效果最好。在演示中,你可以蕩起水中的漣漪,或拖動球體移動它,然後按某些鍵盤鍵設定光線的方向和切換重力,所有的都是見證如何在環境中靈活地移動目標。

8. Chrysaora

另一個由WebGL提供的令人驚異的演示,在這你可以看到一群非常漂亮活潑的水母在水中游動,夢幻般的陽光灑向書面。見證HTML5和WebGL所帶來的網路生活,最好用谷歌Chrome瀏覽。

9. Voxel Rain

Voxel rain 意味著3D多色箱降成一個旋轉的大塊。這就像展示20世紀90年代的計算機,現在涉及到Web瀏覽器,利用HTML5的能力,網際網路中最明亮的時代不會太遠。

10. HTML5 文字效果

通常我們網頁設計師不知道HTML5在Web排版突破上到底能給我們帶來多大突破,並給你演示答案,比以往任何時候都跟多!你可以選擇見證立體效果、霓虹燈效果,甚至移動的霓虹燈效果,未來的網頁排版全在HTML5控制中。

11. 旋轉的 HTML5 Logo

我Hold不住了,它旋轉、旋轉……這很酷。

12. 3D繪圖

厭倦了2D基本HTML繪圖服務嗎?簡單地畫條線,然後向左或者向右移動,你將會看到你的旋轉3D透檢視。3D繪圖與HTML5的結合不會更復雜。

13. mta.me Conductor

mta.me Conductor 通過湧現的點不斷移動形成線,當線相互“碰撞”時給予你靈感,他們會引發一些互動。這些都證明HTML5不僅僅是程式碼,而是互動,是網頁對於使用者的真正關心。

14. Doogle Gmail

一個有趣的射擊型別遊戲,但主角是Gmail!就像經典的射擊遊戲,你獲得生命、得分和全能的鐳射束。可能一個潛在的演示展示HTML5作為遊戲的能力小心,Flash。如果還想玩其他HTML5 遊戲,這裡有10個HTML5遊戲網站

15. W Pilot

這是一個上癮的遊戲,它應該是非法的。嚴重的是,一旦你登入到他們的伺服器,你將要玩幾個小時。你基本上是到處亂飛拍攝的東西,同時避免由其他球員出手。它很簡單並具有可玩性,允許多玩家操作,現在很受歡迎。

 

原文:Sonia Tracy翻譯:敏捷翻譯翦丹

如需轉載,但請註明原文/譯文出處、譯文超連結和譯者等資訊,否則視為侵權,謝謝合作!

相關文章