HTML5和JavaScript有哪些神奇的效果

本篇內容介紹了“HTML5和JavaScript有哪些神奇的效果”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

10款令人驚奇的HTML5和javascript效果。回到幾年前，這些效果是根本不可能實現，只能用flash做，但是現在，已經很輕松的就可以實現了。

1. Breathing Galaxies

使用鍵盤來改變形狀中的線條樣式，或移動鼠標來創建一個新的形狀。

查看：http://mudcu.be/labs/JS1k/BreathingGalaxies.html

2. Noise Field

移動鼠標來改變粒子的運動。點擊隨機產生參數。

查看：http://www.airtightinteractive.com/demos/processing_js/noisefield08.html

3. Keylight

根據按鍵放置的位置不同來產生不同的單調。

查看：http://hakim.se/experiments/html5/keylight/03/

4. Swirling Tentacles

循環產生彩色不同顏色的三維線。

查看：http://acko.net/dumpx/996b.html

5. FlowerPower

來自于大自然另一個靈感——使用貝賽爾曲線做為筆刷繪圖工具花朵，使用鼠標點擊或拖動均可看到效果。

查看：http://www.openrise.com/lab/FlowerPower/

6. Blob

一滴可以在屏幕上拋擲的柔軟的水泡，它可以在瀏覽器窗口中彈跳。這個水泡可以分割成許多小水滴(雙擊)，如果他們碰撞小水滴們還會合并成一個大水滴。

查看：http://hakim.se/experiments/html5/blob/03/

7. Rotating Spiral

獨立旋轉螺旋的效果——簡單，但視覺吸引力。點擊開始，停止和扭轉旋轉。

查看：http://homepage.mac.com/chriswjohnson/automatons/rotating-spiral-1.svg

8. Magnetic

磁點是用來控制粒子流。如果有很多粒子圍繞磁鐵，它會輻射的顏色和大小的增加。鼠標雙擊操作。

查看：http://hakim.se/experiments/html5/magnetic/02/

9. Trail

五顏六色的粒子跟隨鼠標并在鼠標周圍旋轉，同時生成一個有機的痕跡，然后慢慢地淡出。

查看：http://hakim.se/experiments/html5/trail/03/

Graph Layout

一種交互式力向圖的布局。

查看：http://canvas-test.appspot.com/

“HTML5和JavaScript有哪些神奇的效果”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！