16個超牛逼的HTML5和JavaScript特效

不用說, Flash的效果大家都清楚。實際上,HTML5和JavaScript擁有很多新屬性,可以用它們來替代Flash。W3Cschool精選16個超牛逼的HTML5和JavaScript特效,看了這些特效,未來的Web發(fā)展前途無量。

1.特效:FlowerPower

創(chuàng)作者使用花朵作為畫刷,以貝茲曲線方式繪圖。

2.特效:Breathing Galaxies

動態(tài)變換直徑及顏色,可通過鼠標或鍵盤產(chǎn)生新形狀,這個效果不錯!

3.特效:Noise Field

移動鼠標可改變粒子運動,點擊可隨機生成不同粒子效果。

4.特效:HTML5 Canvas粒子效果文字動畫特效

W3Cschool利用HTML5,制造出了粒子效果文字動畫特效。只要你輸入框中輸入想要展示的文字,回車后即可在canvas上繪制出粒子效果的文字動畫,相當酷的動畫效果。

5.特效:Swirling Tentacles

三維脈沖效果,沿著脈沖線有運動的顏色漸變模塊。

6.特效:Keylight

雙擊生成兩個以后的鍵即可發(fā)出聲音,移動鍵的位置可產(chǎn)生不同的聲音效果。W3Cschool上面有很多這樣的教程,有興趣可以去看一下!

7.特效:Rotating Spiral

旋轉的螺旋效果,單擊可以控制開始和停止旋轉,是不是覺得高大上?

8.Blob

拖動水滴有重力效果,雙擊可以分離,小水滴碰到大水滴會合并。

9.Trail

彩色顆粒跟隨鼠標運動效果,帶尾巴淡出效果。

10.Graph Layout

一種交互的力向圖布局效果,刷新三觀。

11.Typographic Effects

使用HTML5 Canvas實現(xiàn)的文本特性,效果超過Flash。

12.Crazy Tentacles

移動鼠標可以進行涂鴉,點擊鼠標可以清除畫布,看著確實瘋狂。

13.Nebula

吸引眼球的粒子系統(tǒng),目的是測試WebGL性能,如果滑動鼠標,可以產(chǎn)生絢麗效果。

14.WebGL Globe

WebGL Globe 是一個開放的地理數(shù)據(jù)可視化平臺,我們鼓勵你復制代碼,添加自己的數(shù)據(jù),創(chuàng)建自己的應用。

15.Particle Playground

用鼠標和粒子進行交互,能發(fā)現(xiàn)不一樣的精彩。

16.Surface

使用WebGL實現(xiàn)的水面特效實驗,可放入一張照片,使用鼠標觸動水面會有奇特效果。

上面的HTML5和JavaScript特效,簡直趕超F(xiàn)lash。W3Cschool上面有很多用戶留言稱HTML5和JavaScriptit將替代Flash,不過對于這種說法,也不知道怎么去評判。畢竟這些用戶說的也是很有道理,你認為JavaScriptit會替代Flash嗎?很想知道你的答案!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容