7款值得你心動的HTML5動畫和游戲
利用HTML5制作動畫和游戲再也簡單不過了，只需要你擁有不錯的創意和靈感，當然需要一些畫面的設計能力，另外就交給HTML5吧。今天分享的7款HTML5動畫和游戲一定會讓你心動不已，一起來看看吧。
1、HTML5 Canvas粒子效果文字動畫特效
之前我們分享過很多超酷的文字特效，其中也有利用HTML5和CSS3的。今天我們要來分享一款基于HTML5 Canvas的文字特效，輸入框中輸入想要展示的文字，回車后即可在canvas上繪制出粒子效果的文字動畫，相當酷的動畫效果。
2、HTML5街頭霸王游戲
還記得以前我們分享的一些HTML5游戲么？點進去看看吧，是不是很酷。今天我們又要來分享一款HTML5街頭霸王游戲，游戲中我們可以控制人物實現揮拳、踢腳、放大招等HTML5特效。可以說，用HTML5制作游戲相對比較簡單，也很有意思。
3、HTML5實現會跳舞的3D立方體動畫
今天要為大家分享一款很酷的HTML5動畫特效——會跳舞的3D立方體。我們將幾個小立方體排成幾列幾行，讓后每一個立方體都按照一定的規律上下跳動，形成這款HTML5跳舞的3D立方體。另外，我們可以通過對右上角面板控制立方體數目、大小等參數。
4、HTML5五子棋游戲 畫面超酷 可設置難度
前幾天我向大家分享過一款HTML5中國象棋游戲，效果令人驚嘆，小編的實力很難勝過電腦。今天我要向大家分享一款HTML5五子棋游戲，不僅游戲畫面非常華麗，而且可以自己設置難度，并且可以選擇人機對戰還是人人對戰，這款HTML5五子棋游戲絕對稱得上HTML5游戲中的極品。
5、純CSS3實現3D太空飛船 多視角動畫演示
這是一款用純CSS3打造的3D太空飛船動畫，從夜空背景，到飛船上的每一個細節，都使用了CSS3來實現，所以盡管是比較復雜的頁面，加載速度也 很快。另外，這款CSS3飛船動畫可以在左上角的控制面板中控制飛船的不同視角，同時也可以開啟和關閉飛船尾部的螺旋槳，非常逼真的純CSS3動畫。
6、HTML5跳傘游戲 看誰先安全降落地面
今天我再來分享一款有趣的HTML5游 戲，HTML5跳傘游戲，是一款非常不錯的HTML5休閑小游戲，主要應用了HTML5的重力感應效果。游戲一共四個玩家，主要是比誰先安全降落地面，綠 色信號燈亮時，按下“X”鍵開始降落，然后再按“X”鍵打開降落傘進行安全降落，你需要控制好時機來按下“X”鍵和對手們比誰先安全降落。大家也可以在下 面下載源代碼學習分享。
7、HTML5 Canvas雷達掃描動畫特效
這是一款基于HTML5 Canvas的雷達掃描動畫特效，canvas是HTML5特有的畫布工具，我們可以在canvas上繪制任意元素，包括3D元素。今天分享的這款雷達掃描動畫就是利用了canvas的靈活特性，利用js在canvas上繪制這些美麗的掃描線條。
以上就是7款值得你心動的HTML5動畫和游戲，歡迎收藏和分享。
本文鏈接：http://www.html5tricks.com/7-mindful-html5-game-animation.html
本文作者：html5tricks – 超人