HTML5的确能够制做出很是绚丽的网页动画效果，尤为是利用HTML5 Canvas特性和HTML5 3D特性，咱们更加能够欣赏到超酷的动画特效。今天我从html5tricks网站上整理了8款使人惊叹的HTML5 Canvas动画教程，你们能够一块儿来看看。css
一、3D HTML5 Logo动画 HTML5多视角3D旋转动画
HTML5 3D动画实现起来很是方便，以前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的，而今天分享的这款HTML5 3D旋转动画是利用纯HTML5技术实现的，该动画实现了HTML5 Logo旋转的效果。html
二、HTML5版Flappy Bird游戏 仅65行Javascript代码
Flappy Bird相信你们都很熟悉了，2014年最热门的手机游戏之一。Flappy Bird这款游戏是一位来自越南河内的独立游戏开发者阮哈东开发，形式简易但难度极高的休闲游戏，很容易让人上瘾。今天咱们用HTML5来重写这款Flappy Bird游戏，值得注意的是，利用Phaser框架，只需65行Javascript代码便可实现HTML5版的Flappy Bird游戏。按空格键控制小鸟，试试看吧。jquery
三、HTML5 WebGL水面水波荡漾特效 可多视角展现 超逼真
以前已经向各位分享过一款很逼真的HTML5水波荡漾特效，效果还算不错。今天再向你们分享一款更加给力的HTML5水波动画，画面上是一个大水池，水池底部是一颗大石头，在水面上点击便可泛起水波，加上模拟光的照射，水波比上一款特效更加生动逼真。另外你也能够拖动石头让其在池底滚动，也能够拖动画面多视角观看该HTML5水波动画。web
四、HTML5版切水果游戏 HTML5游戏极品
这是一款由百度JS小组提供的HTML5版切水果游戏，记得切水果游戏当年很是火，今天我找到了一款基于HTML5实现的网页版切水果游戏。虽然和原版的切水果游戏相比功能不怎么完善，可是该HTML5切水果游戏也算有声有色，画面也十分华丽。浏览器
五、CSS3 飘带菜单 超酷3D CSS3菜单
以前咱们分享过很多漂亮的CSS3菜单，CSS3/jQuery创意盒子动画菜单、CSS3垂直菜单 菜单有立体动画视觉、CSS3多级下拉菜单 弹性展开下拉动画。今天要分享的这款CSS3菜单很是特别，菜单是呈飘带状的，鼠标滑过菜单项时，菜单项会凸显出来，表现的很是立体动感。app
六、HTML5跳伞游戏 看谁先安全降落地面
今天我再来分享一款有趣的HTML5游戏，HTML5跳伞游戏，是一款很是不错的HTML5休闲小游戏，主要应用了HTML5的重力感应效果。游戏一共四个玩家，主要是比谁先安全降落地面，绿色信号灯亮时，按下“X”键开始降落，而后再按“X”键打开降落伞进行安全降落，你须要控制好时机来按下“X”键和对手们比谁先安全降落。你们也能够在下面下载源代码学习分享。
七、HTML5视频播放器Video.Js 播放器外观可自定义
之前咱们都是使用flash来制做视频播放器，如今HTML5逐渐发展起来了，咱们也能够利用HTML5来制做播放器。今天给你们介绍一款HTML5播放器Video.Js，改HTML5视频播放器能够本身定义外观，包括总体颜色，播放按钮定制等功能。整体来讲，Video.Js是一款很不错的视频播放器。
八、HTML5树叶飘落动画 HTML5动画经典
以前咱们分享几款经典的HTML5动画：HTML5爱心表白动画、HTML5视频破碎重组特效、HTML5像素粉碎图片动画。今天再来分享一款HTML5树叶飘落动画，这款HTML5树叶飘落动画是基于webkit内核的，因此须要webkit内核的浏览器才能播放该动画，效果然的很是酷。
以上就是8款使人惊叹的HTML5 Canvas动画特效，欢迎收藏分享。