本文轉(zhuǎn)載自:http://www.linuxeden.com/html/news/20110918/114009.html
除非你一直在巖石下生活,否則你不會(huì)沒聽過HTML5,F(xiàn)在幾乎到處都有HTML5的身影,這得益于蘋果公司前CEO 喬布斯和很多開發(fā)人員的推廣。Sonia Tracy 收集整理了15個(gè)令人振奮的HTML5實(shí)驗(yàn)。提示:如果無法查看這些實(shí)驗(yàn),請(qǐng)更新你的瀏覽器。
1. Canvas Cycle
藝術(shù)家Mark Ferrari 和 編碼師 Joseph Huckaby的共同合作,這是一幅華麗動(dòng)人的自然風(fēng)景畫,如冬日的森林,海景和山脈。他們看著這美不勝收并具有音效的圖片,心曠神怡。如果你想從工作中獲得片刻的輕松,這些照片可以瞬間融化你的緊張感。
2. Google Gravity
另一個(gè)來自于Mr.Doob的驚人之作,這比第一個(gè)的互動(dòng)少些但是仍然十分棒。它提供了谷歌搜索主頁的基本的副本。但是當(dāng)你點(diǎn)擊光標(biāo)讓整個(gè)頁面開始“下滑”直到底部。谷歌標(biāo)志作為一個(gè)迅速刷新頁面的鏈接,這對(duì)那些討厭谷歌的大公司來說是個(gè)很有意思的游戲。
3. Canvas Trees
這是有Kenneth Jorgenson創(chuàng)制,這可能是唯一一個(gè)地方你能夠看到這種句子“刷新會(huì)有更多美味的樹”。正如所說:你可以點(diǎn)擊網(wǎng)站,然后它會(huì)帶你到一個(gè)白色的背景。當(dāng)開始計(jì)算程序中有多少分支時(shí),黑色墨水繪制的樹開始成長。你可以不斷地刷新,只要你愿意。
4. Magnetic
這是另外個(gè)有意思又可供你娛樂的小東西。你基本以一對(duì)“磁鐵”開始,這可以在屏幕上拖動(dòng)。些許微粒光束圍繞著它,如果你移動(dòng)它可以改變他們的形狀。如果你想要更多的磁鐵和微粒,只需雙擊并拖動(dòng)他們到任意地方。是的,他們都是有關(guān)磁鐵和微粒。
5. Celebrity Earnings Graph 名人賺錢圖表
想知道一個(gè)電視名人每集節(jié)目賺多少?這是個(gè)很酷的小圖能顯示成堆的彩條,它們代表每一個(gè)特定特定的名人(或像 Charlie Sheen). 這是 Daniel Rapp諸多項(xiàng)目中的一個(gè)。
6. Canvas Ribbon
Paul Truong 開發(fā)了這個(gè)有趣的應(yīng)用,能夠讓你通過不停地移動(dòng)在屏幕上繪制多色彩條。它能使形狀和設(shè)計(jì)都十分漂亮。你所需要做的只是在屏幕上拖動(dòng)。
7. WebGL Water
這還有一個(gè)很酷的演示,使用了革命性的WebGL(基于Web的圖形庫),在谷歌chrome上效果最好。在演示中,你可以蕩起水中的漣漪,或拖動(dòng)球體移動(dòng)它,然后按某些鍵盤鍵設(shè)置光線的方向和切換重力,所有的都是見證如何在環(huán)境中靈活地移動(dòng)目標(biāo)。
8. Chrysaora
另一個(gè)由WebGL提供的令人驚異的演示,在這你可以看到一群非常漂亮活潑的水母在水中游動(dòng),夢(mèng)幻般的陽光灑向書面。見證HTML5和WebGL所帶來的網(wǎng)絡(luò)生活,最好用谷歌Chrome瀏覽。
9. Voxel Rain
Voxel rain 意味著3D多色箱降成一個(gè)旋轉(zhuǎn)的大塊。這就像展示20世紀(jì)90年代的計(jì)算機(jī),現(xiàn)在涉及到Web瀏覽器,利用HTML5的能力,互聯(lián)網(wǎng)中最明亮的時(shí)代不會(huì)太遠(yuǎn)。
10. HTML5 文本效果
通常我們網(wǎng)頁設(shè)計(jì)師不知道HTML5在Web排版突破上到底能給我們帶來多大突破,并給你演示答案,比以往任何時(shí)候都跟多!你可以選擇見證立體效果、霓虹燈效果,甚至移動(dòng)的霓虹燈效果,未來的網(wǎng)頁排版全在HTML5控制中。
11. 旋轉(zhuǎn)的 HTML5 Logo
我Hold不住了,它旋轉(zhuǎn)、旋轉(zhuǎn)……這很酷。
12. 3D繪圖
厭倦了2D基本HTML繪圖服務(wù)嗎?簡單地畫條線,然后向左或者向右移動(dòng),你將會(huì)看到你的旋轉(zhuǎn)3D透視圖。3D繪圖與HTML5的結(jié)合不會(huì)更復(fù)雜。
13. mta.me Conductor
mta.me Conductor 通過涌現(xiàn)的點(diǎn)不斷移動(dòng)形成線,當(dāng)線相互“碰撞”時(shí)給予你靈感,他們會(huì)引發(fā)一些互動(dòng)。這些都證明HTML5不僅僅是代碼,而是互動(dòng),是網(wǎng)頁對(duì)于用戶的真正關(guān)心。
14. Doogle Gmail
一個(gè)有趣的射擊類型游戲,但主角是Gmail!就像經(jīng)典的射擊游戲,你獲得生命、得分和全能的激光束?赡芤粋(gè)潛在的演示展示HTML5作為游戲的能力小心,F(xiàn)lash。如果還想玩其他HTML5 游戲,這里有10個(gè)HTML5游戲網(wǎng)站。
15. W Pilot
這是一個(gè)上癮的游戲,它應(yīng)該是非法的。嚴(yán)重的是,一旦你登錄到他們的服務(wù)器,你將要玩幾個(gè)小時(shí)。你基本上是到處亂飛拍攝的東西,同時(shí)避免由其他球員出手。它很簡單并具有可玩性,允許多玩家操作,現(xiàn)在很受歡迎。

譯文出處:伯樂在線 |