2013-10-7 藍藍設計的小編
轉載藍藍設計( m.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務
來源：http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
這篇文章向大家展示8個驚艷的 HTML5 和 JavaScript 。作為下一代網(wǎng)頁語言，HTML5 擁有很多讓人期待已久的新特性，越來越多的開發(fā)人員開始使用 HTML5 來制作各種交互性強、效果豐富的 Web 應用。下面這些驚艷的示例帶您體驗 Web 技術的魅力，相信你看完這些例子后會對未來的 Web 發(fā)展充滿無限期待。為了有更好的效果，建議在 Chrome 瀏覽器中瀏覽。
這個示例叫瘋狂的觸手，移動鼠標可以進行涂鴉，點擊鼠標可以清除畫布。
使用HTML5 Canvas實現(xiàn)的文本特性，制作教程可參考：Typographic effects in canvas
WebGL Globe 是一個開放的地理數(shù)據(jù)可視化平臺，我們鼓勵你復制代碼，添加自己的數(shù)據(jù)，創(chuàng)建自己的應用。
吸引眼球的粒子系統(tǒng)，旨在測試WebGL的性能，滑動鼠標能產(chǎn)生絢麗的效果（safari中瀏覽會導致藍屏?。?。
用鼠標和粒子進行交互，大膽一些，就能發(fā)現(xiàn)你第一眼發(fā)看不到的精彩。
使用 WebGL 實現(xiàn)的特隆坦克，靈感來源于迪斯尼1981電影《Tron》。
照片粒子實驗，如果你想知道把一張照片分解成一個個粒子，并有紅、綠、藍三個中心會是什么樣的，試試這個實驗吧。
使用WebGL實現(xiàn)的水面實驗，可放入一張照片，使用鼠標觸動水面會有奇果。