Flash ps HTML5 +html5經典特效

Flash在這個潮流的時代慢慢的黯淡了身影，它靠對客戶端的高資源佔用率來獲取傳輸過程的低帶寬佔用，在寬帶時代，隨着Adobe對Flash不斷作加法，其客戶端應用研發已經處於失控狀態：一些並不複雜的應用，即使在配置很高的PC跑起來都不能保證流暢，更別提CPU、GPU佔用率，即使Adobe宣佈支持硬件加速後，這種狀況依然沒有改善。Flash、私有，而非標準。而Apple作產品的思路，則是寧缺勿濫：若是不能保證系統流暢度，就暫時不採用。
       而後走在時髦前列的是html5.在喬布斯幫主的厚愛之下，HTML5在移動設備上日趨成熟。今天Adobe宣佈全部Android設備正式禁用Flash，這也意味着，Flash在HTML5面前，低頭屈服。去年11月Adobe曾做出一個使人驚訝的決定：宣佈中止移動設備Flash播放器的開發工做。而今天，8月15日，Adobe將正式中止Android設備上Flash的安裝支持，這也意味着Adobe完全將Flash從移動互聯網中移除，儘管Adobe以前曾說過Flash在移動設備上也將可以提供「完整的網頁體驗」。自此，Adobe在移動戰場上，也完全屈服於HTML5了。

          對Flash就是如此。首先是流暢度問題，其次是對硬件資源消耗沒法控制，最後還有漏洞，對iOS系統安全也是威脅。於是也漸漸被人們所排撤。

Adobe曾經爲移動端Flash制定了宏偉的計劃，但很快就遇到了阻力：蘋果公司拒絕接受。儘管Adobe經過Open Screen Project項目讓Flash在iOS以外的全部平臺上獲得推廣，但面對青睞HTML5不喜歡Flash的喬布斯，Adobe毫無辦法。

Adobe在iOS系統上從未獲得機會，在Android系統上雖然有機會，但如今卻動搖了。儘管Adobe曾在市場及與Android整合方面作出嘗試，但最終，Adobe仍是退出Android市場，這也意味着Adobe放棄了約85%的移動市場。

     HTML5泛指HTML五、CSS三、 JavaScript以及新的瀏覽器API所包含的整個web前端技術。可是html5還面臨着不一樣一，給咱們前端的學者而言，無疑是一個及其痛苦的過程，理想的html5大同社會不知會經歷多少曲折才能走向光明。HTML5是用於取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標準的 HTML [1]（標準通用標記語言下的一個應用）標準版本；如今仍處於發展階段，但大部分瀏覽器已經支持某些 HTML5 技術。HTML 5有兩大特色：首先，強化了 Web 網頁的表現性能。其次，追加了本地數據庫等 Web 應用的功能。廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它但願可以減小瀏覽器對於須要插件的豐富性網絡應用服務（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，而且提供更多能有效加強網絡應用的標準集。

     下面看幾個絢麗的html5特效：

一、Google Gravity

它提供了Google搜索主頁的基本副本，可是當你點擊光標後，整個頁面就會開始「下滑」直到底部，Google標誌則做爲一個迅速刷新頁面的連接。這對那些討厭Google的大公司來講是個頗有意思的遊戲。

http://mrdoob.com/92/Google_Gravity_HTML5

二、Voxel Rain

Voxel Rain意味着3D多色箱降成一個旋轉的大塊。這就像展現20世紀90年代的計算機。如今涉及到Web瀏覽器，利用HTML5的能力，互聯網中最明亮的時代不會太遠。

http://voxelrain.appspot.com/ 

三、W Pilot

這是一個上癮的遊戲，它應該是非法的。嚴重的是，一旦你登陸到他們的服務器，你將要玩幾個小時。你基本上是處處亂飛拍攝的東西，同時避免由其餘玩家出手。它很簡單並具備可玩性，容許多玩家操做，如今很受歡迎。

http://jfd.github.com/wpilot/ 

四、Canvas Cycle

藝術家Mark Ferrari和編碼師Joseph Huckaby的共同合做。這是一幅華麗動人的天然風景畫，如冬日的森林，海景和山脈，美不勝收並具備音效，使人心曠神怡。若是你想從工做中得到片刻的輕鬆，這些照片能夠瞬間融化你的緊張感。

http://www.effectgames.com/demos/canvascycle/ 

五、Canvas Ribbon

Paul Truong 發了這個有趣的應用，可以讓你經過不停地移動在屏幕上繪製多色彩條。它能使形狀和設計都十分漂亮。你所須要作的只是在屏幕上拖動。

http://www.monocubed.com/2010/11/24/html5-canvas-ribbon-ios4-2-device-orientation/ 

六、Canvas Trees

Kenneth Jorgenson創制。這多是惟一一個可以讓你看到「刷新會有更多美味的樹」這種句子的網站。你能夠點擊網站，而後它會帶你到一個白色的背景。當開始計算程序中有多少分支時，黑色墨水繪製的樹開始成長。你能夠不斷地刷新，只要你願意。

http://kennethjorgensen.com/canvas/tree.html

七、Celebrity Earnings Graph (名人賺錢圖表)

想知道一個電視名人每集節目賺多少？這是個很酷的小圖能顯示成堆的彩條，它們表明每個特定特定的名人。這是Daniel Rapp諸多項目中的一個。

http://rappdaniel.com/other/vis/ 

八、Magnetic

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

http://hakim.se/experiments/html5/magnetic/02/ 

九、Chrysaora

另外一個由WebGL提供的使人驚異的演示。在這你能夠看到一羣很是漂亮活潑的水母在水中游動，夢幻般的陽光灑向書面。見證HTML5和WebGL所帶來的網絡生活，最好用Google Chrome瀏覽。

http://chrysaora.com/ 

十、HTML5 文本效果

一般咱們網頁設計師不知道HTML5在Web排版突破上到底能給咱們帶來多大突破，並給你演示答案，比以往任什麼時候候都跟多！你能夠選擇見證立體效果、霓虹燈效果，甚至移動的霓虹燈效果，將來的網頁排版全在HTML5控制中。

http://www.html5rocks.com/en/tutorials/canvas/texteffects/Text-Effects.html 

十一、旋轉的HTML5 Logo

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

http://www.kevs3d.co.uk/dev/html5logo/

十二、3D繪圖

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

http://hakim.se/experiments/html5/sketch/#786af119 

1三、mta.me Conductor

經過涌現的點不斷移動造成線，當線相互「碰撞」時給予你靈感，他們會引起一些互動。這些都證實HTML5不只僅是代碼，而是互動，是網頁對於用戶的真正關心。

http://www.mta.me/ 

1四、Doogle Gmail

一個有趣的射擊類型遊戲，但主角是Gmail！就像經典的射擊遊戲，你得到生命、得分和全能的激光束。可能一個潛在的演示展現HTML5做爲遊戲的能力當心，Flash。若是還想玩其餘HTML5 遊戲，這裏有10個HTML5遊戲網站。

http://www.monocubed.com/doodles/processingjs/gmail/26/ 

1五、WebGL Water

這還有一個很酷的演示，使用了革命性的WebGL（基於Web的圖形庫），在Google Chrome上效果最好。在演示中，你能夠蕩起水中的漣漪，或拖動球體移動它，而後按某些鍵盤鍵設置光線的方向和切換重力。

http://madebyevan.com/webgl-water/