HTML5 動畫在Canvas 上得到了充分的發揮，我們 VIP 視頻也分享過很多相關的動畫特效制作視頻，這次給大家帶來 6 款超炫酷的HTML5 canvas 動畫的 demo，一起來看看吧~
文內附有時鍾效果代碼 demo 下載地址，感興趣的小伙伴們可以收藏一下。
1
超絢麗的 HTML5 地圖分布動畫
這是一款基於 HTML5 的地圖應用，但它不同的地方在於它主要是在地圖上實現分布動畫，可以利用這款插件實現各個地區之間的客流流向，給人非常直觀的數據展現。
2
鼠標滑過粒子擠壓動畫
粒子動畫一直是 HTML5 Canvas 動畫中比較常見的一種，很多開發者也比較喜歡做這一類的動畫特效。本案例基於 HTML5 Canvas 的鼠標滑過粒子擠壓動畫，頁面上有很多粒子點組成一款畫布，當你將鼠標滑過這塊畫布時，粒子之間便相互擠壓，讓你的鼠標無法觸碰這些粒子點。
3
模擬飛機航班線路動畫
一款基於 HTML5 Canvas 的飛機航班線路模擬動畫，它模擬了許多航班在不同目的地的起飛降落數量。
4
發光的流體粒子動畫
一個很有特點的 HTML5 Canvas 粒子動畫，它既可以看作是流體動畫，又可以看作是粒子動畫，同時在黑色背景的襯托下，流體粒子還會出現發光的動畫特效。
4
3D 跳動 Loading 加載動畫
(可調節參數)
這是一款基於 HTML5 Canvas 的 3D 跳動 Loading 加載動畫，它的另一個特點是可以動態調節動畫參數。
6
中國地圖 可展開地級市子地圖
一款值得收藏的 HTML5 Canvas 中國地圖插件，它的特點是不僅可以顯示全國地圖，而且點擊某個省份的地塊時，可以切換到對應省的地級市地圖，對那些選擇地區的應用來說，這款插件就顯得非常實用。
來源：https://www.html5tricks.com/
作者：html5tricks