15個令人震驚的HTML5實驗

除非你一直在巖石下生活，否則你不會沒聽過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

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



轉自： http://www.jobbole.com/entry.php/1433-15%E4%B8%AA%E4%BB%A4%E4%BA%BA%E9%9C%87%E6%83%8A%E7%9A%84HTML5%E5%AE%9E%E9%AA%8C