8個驚艷的 HTML5 和 JavaScript 特效

openkk 13年前發布 | 21K 次閱讀 HTML5 JavaScript

這篇文章向大家展示8個驚艷的 HTML5 和 JavaScript 特效。作為下一代網頁語言，HTML5 擁有很多讓人期待已久的新特性，越來越多的開發人員開始使用 HTML5 來制作各種交互性強、效果豐富的 Web 應用。下面這些驚艷的示例帶您體驗 Web 技術的魅力，相信你看完這些例子后會對未來的 Web 發展充滿無限期待。為了有更好的效果，建議在 Chrome 瀏覽器中瀏覽。

Crazy Tentacles 這個示例叫瘋狂的觸手，移動鼠標可以進行涂鴉，點擊鼠標可以清除畫布。
Typographic Effects 使用HTML5 Canvas實現的文本特性，制作教程可參考：Typographic effects in canvas
WebGL Globe WebGL Globe 是一個開放的地理數據可視化平臺，我們鼓勵你復制代碼，添加自己的數據，創建自己的應用。
Nebula 吸引眼球的粒子系統，旨在測試WebGL的性能，滑動書包能產生絢麗的效果。
Particle Playground 用鼠標和粒子進行交互，大膽一些，就能發現你第一眼發看不到的精彩。
Tron Tank 使用 WebGL 實現的特隆坦克，靈感來源于迪斯尼1981電影《Tron》。
Photo Particle 照片粒子實驗，如果你想知道把一張照片分解成一個個粒子，并有紅、綠、藍三個中心會是什么樣的，試試這個實驗吧。
Surface 使用WebGL實現的水面特效實驗，可放入一張照片，使用鼠標觸動水面會有奇特效果。

轉自：http://www.cnblogs.com/lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html