7 款基於 HTML5 Canvas 的超炫 3D 動畫效果

在以前，想要在瀏覽器中實現3D動畫效果是非常困難的，但是自從HTML5誕生之後，這就變得十分簡單了。遺憾的是，目前的瀏覽器對3D渲染效果還不是非常理想，尤其是渲染速度，可能用chrome和safari會比較理想。下面給大家推薦幾個比較炫麗的HTML5
Canvas 3D動畫效果，應該能讓你眼前一亮。 

1、HTML5 3D旋轉地球 

這是一個使用HTML5 Canvas畫布實現的3D旋轉的地球模型，看上去十分逼真。 

線上示範 

2、HTML5動態瀑布效果 

你得相信，這麼強大的效果可是用HTML5製作出來的，不是拍攝的哦。 

線上示範 

3、HTML5 3D視頻片段效果 

你可以點擊視頻的任何一個地方，產生的片段中依然在播放著視頻，在基於webkit的瀏覽器上觀看效果最好。 

線上示範 / 源碼下載 

4、js cloth 

三維空間中的二維映像。 

線上示範 

5、HTML5 3D Google搜尋盒子 

一個3D的Google圖片搜尋盒子，非常有立體感。 

線上示範 / 源碼下載 

6、HTML5雨滴下落效果 

非常酷的雨滴下落效果。 

線上示範 / 源碼下載 

7、三維分子結構 

線上示範