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