我想用html5 canvas元素編寫一些動畫。我發現有一些js庫有助於利用canvas功能。例如KineticJS,FabricJS。但我不知道要使用哪個庫。
使用此庫時有什麼優點和缺點?或者你可能知道更好的實現?哪個js庫用於使用html5 canvas創建不復雜的動畫?
編輯
我要創建一個類似於靜態圖片的東西,但有一塊оf動畫。例如天空上飄浮的雲彩,花朵可以撕下花瓣並扔掉。可能是一些與太陽動畫。這是一般性描述,希望這有助於。
我想用html5 canvas元素編寫一些動畫。我發現有一些js庫有助於利用canvas功能。例如KineticJS,FabricJS。但我不知道要使用哪個庫。
使用此庫時有什麼優點和缺點?或者你可能知道更好的實現?哪個js庫用於使用html5 canvas創建不復雜的動畫?
編輯
我要創建一個類似於靜態圖片的東西,但有一塊оf動畫。例如天空上飄浮的雲彩,花朵可以撕下花瓣並扔掉。可能是一些與太陽動畫。這是一般性描述,希望這有助於。
Processing.js是Processing for Java的一個端口。 Processing.js是2D圖像的理想選擇。
Raphaël使用svg繪製圖像,這會產生更好的兼容性。
對於3D,有Three.js,它同時使用canvas和webgl。
周圍有很多不同的圖書館,你應該先找出你想要畫的東西。
對於簡單的動畫忘了畫布,使用背景圖片position: absolute
div元素,你可以四處走動,用CSS變換translate3d和scale3d。
cgSceneGraph是一個JavaScript動畫框架,提供了一個完整的動畫引擎,包括時間線,動畫鍵...... 它還提供了輔助方法,可以方便地在元素的每個屬性上添加動畫。
該網站的主頁上的例子正是你講什麼,所以它應該適合您的需要:)
這一切都取決於你想做什麼,你可以詳細給我們更多的想要什麼你想...?即只是一個矩形移動? ...? – 2012-02-15 10:04:02
請參考我的更新。 – Kai 2012-02-15 10:38:02
你不是在談論那裏的動畫,而是在談論通過畫布進行交互。 – 2012-02-15 15:21:42