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