分享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、三維分子結構

線上演示

以上是7個逼真的HTML5 3D動畫效果，希望大家喜歡，轉載請註明出處：html5_dev的專欄