這篇文章向大家展示8個驚艷的 HTML5 和 JavaScript 特效。作為下一代網頁語言,HTML5 擁有很多讓人期待已久的新特性,越來越多的開發人員開始使用 HTML5 來制作各種交互性強、效果豐富的 Web 應用。下面這些驚艷的示例帶您體驗 Web 技術的魅力,相信你看完這些例子后會對未來的 Web 發展充滿無限期待。為了有更好的效果,建議在 Chrome 瀏覽器中瀏覽。
這個示例叫瘋狂的觸手,移動鼠標可以進行涂鴉,點擊鼠標可以清除畫布。
使用HTML5 Canvas實現的文本特性,制作教程可參考:Typographic effects in canvas
WebGL Globe 是一個開放的地理數據可視化平臺,我們鼓勵你復制代碼,添加自己的數據,創建自己的應用。
吸引眼球的粒子系統,旨在測試WebGL的性能,滑動鼠標能產生絢麗的效果(safari中瀏覽會導致藍屏?。?。
用鼠標和粒子進行交互,大膽一些,就能發現你第一眼發看不到的精彩。
使用 WebGL 實現的特隆坦克,靈感來源于迪斯尼1981電影《Tron》。
照片粒子實驗,如果你想知道把一張照片分解成一個個粒子,并有紅、綠、藍三個中心會是什么樣的,試試這個實驗吧。
使用WebGL實現的水面特效實驗,可放入一張照片,使用鼠標觸動水面會有奇特效果。免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。