分享8款令人驚嘆的HTML5 Canvas動畫特效
HTML5 的確可以制作出非常絢麗的網頁動畫效果，尤其是利用 HTML5 Canvas 特性和 HTML5 3D 特性，我們更加可以欣賞到超酷的動畫特效。今天我從 html5tricks 網站上整理了 8 款令人驚嘆的 HTML5 Canvas 動畫教程，大家可以一起來看看。
1、3D HTML5 Logo 動畫 HTML5 多視角 3D 旋轉動畫
HTML5 3D 動畫實現起來非常方便，之前介紹過基于 jQuery 的 3D 旋轉插件是利用多張多視角圖片播放來實現的，而今天分享的這款 HTML5 3D 旋轉動畫是利用純 HTML5 技術實現的，該動畫實現了 HTML5 Logo 旋轉的效果。
2、HTML5 版 Flappy Bird 游戲僅 65 行 Javascript 代碼
Flappy Bird 相信大家都很熟悉了，2014 年最熱門的手機游戲之一。Flappy Bird 這款游戲是一位來自越南河內的獨立游戲開發者阮哈東開發，形式簡易但難度極高的休閑游戲，很容易讓人上癮。今天我們用 HTML5 來重寫這款 Flappy Bird 游戲，值得注意的是，利用 Phaser 框架，只需 65 行 Javascript 代碼即可實現 HTML5 版的 Flappy Bird 游戲。按空格鍵控制小鳥，試試看吧。
3、HTML5 WebGL 水面水波蕩漾特效可多視角展示超逼真
之前已經向各位分享過一款很逼真的 HTML5 水波蕩漾特效， 效果還算不錯。今天再向大家分享一款更加給力的 HTML5 水波動畫，畫面上是一個大水池，水池底部是一顆大石頭，在水面上點擊即可泛起水波，加上模擬光的照射，水波比上一款特效更加生動逼真。另外你也可以拖動石 頭讓其在池底滾動，也可以拖動畫面多視角觀看該 HTML5 水波動畫。
4、HTML5 版切水果游戲 HTML5 游戲極品
這是一款由百度 JS 小組提供的 HTML5 版切水果游戲，記得切水果游戲當年非常火，今天我找到了一款基于 HTML5 實現的網頁版切水果游戲。雖然和原版的切水果游戲相比功能不怎么完善，但是該 HTML5 切水果游戲也算有聲有色，畫面也十分華麗。
5、CSS3 飄帶菜單超酷 3D CSS3 菜單
之前我們分享過不少漂亮的 CSS3 菜單，CSS3/jQuery 創意盒子動畫菜單、CSS3 垂直菜單菜單有立體動畫視覺、CSS3 多級下拉菜單彈性展開下拉動畫。今天要分享的這款 CSS3 菜單非常特別，菜單是呈飄帶狀的，鼠標滑過菜單項時，菜單項會凸顯出來，表現的非常立體動感。
6、HTML5 跳傘游戲看誰先安全降落地面
今天我再來分享一款有趣的 HTML5 游戲，HTML5 跳傘游戲，是一款非常不錯的 HTML5 休閑小游戲，主要應用了 HTML5 的重力感應效果。游戲一共四個玩家，主要是比誰先安全降落地面，綠色信號燈亮時，按下“X”鍵開始降落，然后再按“X”鍵打開降落傘進行安全降落，你需要 控制好時機來按下“X”鍵和對手們比誰先安全降落。大家也可以在下面下載源代碼學習分享。
7、HTML5 視頻播放器 Video.Js 播放器外觀可自定義
以前我們都是使用 flash 來制作視頻播放器，現在 HTML5 逐漸發展起來了，我們也可以利用 HTML5 來制作播放器。今天給大家介紹一款 HTML5 播放器 Video.Js，改 HTML5 視頻播放器可以自己定義外觀，包括整體顏色，播放按鈕定制等功能。總體來說，Video.Js 是一款很不錯的視頻播放器。
8、HTML5 樹葉飄落動畫 HTML5 動畫經典
之前我們分享幾款經典的 HTML5 動畫：HTML5 愛心表白動畫、HTML5 視頻破碎重組特效、HTML5 像素粉碎圖片動畫。今天再來分享一款 HTML5 樹葉飄落動畫，這款 HTML5 樹葉飄落動畫是基于 webkit 內核的，所以需要 webkit 內核的瀏覽器才能播放該動畫，效果真的非常酷。
以上就是 8 款令人驚嘆的 HTML5 Canvas 動畫特效，歡迎收藏分享。
<span id="shareA4" class="fl"> </span>