10個(gè)令人驚奇的HTML5和JavaScript效果
10款令人驚奇的HTML5和javascript效果。回到幾年前，這些效果是根本不可能實(shí)現(xiàn)，只能用flash做，但是現(xiàn)在，已經(jīng)很輕松的就可以實(shí)現(xiàn)了。
1. Breathing Galaxies
使用鍵盤(pán)來(lái)改變形狀中的線條樣式，或移動(dòng)鼠標(biāo)來(lái)創(chuàng)建一個(gè)新的形狀。
查看：http://mudcu.be/labs/JS1k/BreathingGalaxies.html
2. Noise Field
移動(dòng)鼠標(biāo)來(lái)改變粒子的運(yùn)動(dòng)。點(diǎn)擊隨機(jī)產(chǎn)生參數(shù)。
查看：http://www.airtightinteractive.com/demos/processing_js/noisefield08.html
3. Keylight
根據(jù)按鍵放置的位置不同來(lái)產(chǎn)生不同的單調(diào)。
查看：http://hakim.se/experiments/html5/keylight/03/
4. Swirling Tentacles
循環(huán)產(chǎn)生彩色不同顏色的三維線。
查看：http://acko.net/dumpx/996b.html
5. FlowerPower
來(lái)自于大自然另一個(gè)靈感——使用貝賽爾曲線做為筆刷繪圖工具花朵，使用鼠標(biāo)點(diǎn)擊或拖動(dòng)均可看到效果。
查看：http://www.openrise.com/lab/FlowerPower/
6. Blob
一滴可以在屏幕上拋擲的柔軟的水泡，它可以在瀏覽器窗口中彈跳。這個(gè)水泡可以分割成許多小水滴(雙擊)，如果他們碰撞小水滴們還會(huì)合并成一個(gè)大水滴。
查看：http://hakim.se/experiments/html5/blob/03/
7. Rotating Spiral
獨(dú)立旋轉(zhuǎn)螺旋的效果——簡(jiǎn)單，但視覺(jué)吸引力。點(diǎn)擊開(kāi)始，停止和扭轉(zhuǎn)旋轉(zhuǎn)。
查看：http://homepage.mac.com/chriswjohnson/automatons/rotating-spiral-1.svg
8. Magnetic
磁點(diǎn)是用來(lái)控制粒子流。如果有很多粒子圍繞磁鐵，它會(huì)輻射的顏色和大小的增加。鼠標(biāo)雙擊操作。
查看：http://hakim.se/experiments/html5/magnetic/02/
9. Trail
五顏六色的粒子跟隨鼠標(biāo)并在鼠標(biāo)周?chē)D(zhuǎn)，同時(shí)生成一個(gè)有機(jī)的痕跡，然后慢慢地淡出。
查看：http://hakim.se/experiments/html5/trail/03/
Graph Layout
一種交互式力向圖的布局。
查看：http://canvas-test.appspot.com/
原文鏈接：http://www.woiweb.net/10-jaw-dropping-html5-and-javascript-effects.html
【編輯推薦】
