不用說吕嘀, Flash的效果大家都清楚雀瓢。實(shí)際上,HTML5和JavaScript擁有很多新屬性抵乓,可以用它們來替代Flash。W3Cschool精選16個(gè)超牛逼的HTML5和JavaScript特效蹭沛,看了這些特效臂寝,未來的Web發(fā)展前途無量。
1.特效:FlowerPower
創(chuàng)作者使用花朵作為畫刷摊灭,以貝茲曲線方式繪圖咆贬。
2.特效:Breathing Galaxies
動(dòng)態(tài)變換直徑及顏色,可通過鼠標(biāo)或鍵盤產(chǎn)生新形狀帚呼,這個(gè)效果不錯(cuò)!
3.特效:Noise Field
移動(dòng)鼠標(biāo)可改變粒子運(yùn)動(dòng)掏缎,點(diǎn)擊可隨機(jī)生成不同粒子效果。
4.特效:HTML5 Canvas粒子效果文字動(dòng)畫特效
W3Cschool利用HTML5煤杀,制造出了粒子效果文字動(dòng)畫特效眷蜈。只要你輸入框中輸入想要展示的文字,回車后即可在canvas上繪制出粒子效果的文字動(dòng)畫沈自,相當(dāng)酷的動(dòng)畫效果酌儒。
5.特效:Swirling Tentacles
三維脈沖效果,沿著脈沖線有運(yùn)動(dòng)的顏色漸變模塊枯途。
6.特效:Keylight
雙擊生成兩個(gè)以后的鍵即可發(fā)出聲音忌怎,移動(dòng)鍵的位置可產(chǎn)生不同的聲音效果籍滴。W3Cschool上面有很多這樣的教程,有興趣可以去看一下榴啸!
7.特效:Rotating Spiral
旋轉(zhuǎn)的螺旋效果孽惰,單擊可以控制開始和停止旋轉(zhuǎn),是不是覺得高大上鸥印?
8.Blob
拖動(dòng)水滴有重力效果勋功,雙擊可以分離,小水滴碰到大水滴會(huì)合并库说。
9.Trail
彩色顆粒跟隨鼠標(biāo)運(yùn)動(dòng)效果狂鞋,帶尾巴淡出效果。
10.Graph Layout
一種交互的力向圖布局效果潜的,刷新三觀要销。
11.Typographic Effects
使用HTML5 Canvas實(shí)現(xiàn)的文本特性,效果超過Flash夏块。
12.Crazy Tentacles
移動(dòng)鼠標(biāo)可以進(jìn)行涂鴉疏咐,點(diǎn)擊鼠標(biāo)可以清除畫布,看著確實(shí)瘋狂脐供。
13.Nebula
吸引眼球的粒子系統(tǒng)浑塞,目的是測(cè)試WebGL性能,如果滑動(dòng)鼠標(biāo)政己,可以產(chǎn)生絢麗效果酌壕。
14.WebGL Globe
WebGL Globe 是一個(gè)開放的地理數(shù)據(jù)可視化平臺(tái),我們鼓勵(lì)你復(fù)制代碼歇由,添加自己的數(shù)據(jù)卵牍,創(chuàng)建自己的應(yīng)用。
15.Particle Playground
用鼠標(biāo)和粒子進(jìn)行交互沦泌,能發(fā)現(xiàn)不一樣的精彩糊昙。
16.Surface
使用WebGL實(shí)現(xiàn)的水面特效實(shí)驗(yàn),可放入一張照片谢谦,使用鼠標(biāo)觸動(dòng)水面會(huì)有奇特效果释牺。
上面的HTML5和JavaScript特效,簡(jiǎn)直趕超F(xiàn)lash回挽。W3Cschool上面有很多用戶留言稱HTML5和JavaScriptit將替代Flash没咙,不過對(duì)于這種說法,也不知道怎么去評(píng)判千劈。畢竟這些用戶說的也是很有道理祭刚,你認(rèn)為JavaScriptit會(huì)替代Flash嗎?很想知道你的答案!