紙VS畫架VS面料VS動能

Question

大家好我是html5畫布開發的新手，我迷失在選擇畫布框架。有這麼多人，我不知道要使用什麼。所以我就在這裏！我希望你的幫助，以選擇哪一個更適合我的需求。有我的需要

1）我想要使用的框架矢量圖形，我知道畫布不是DOM，我真的不關心它，但我的意思是我想在對象創建後操作，PaperJS有這個功能我不瞭解別人。如果高級鼠標事件可用，則會更好。

2）我要使用圖像的框架，我將加載圖像，並用帆布它們的動畫，移動，動畫一些顏色...

3）我想要的框架，是因爲我需要快速（圖片動畫應該是平滑的）

4）我希望框架擁有良好的社區，因爲我知道我需要一些幫助。

那麼你認爲哪一個更適合我？如果你能從我的清單中寫下哪些是每個框架的優點和缺點，請點名？

Answer 1

HTML5 canvas仍然很新鮮的環境。你可以得到的印象有很多已經可用的工具，但它們通常還不成熟。

我的回答將只涵蓋你的部分問題，因爲我只使用KineticJS和EaselJS。 你可以從閱讀意見this page開始（我是最後一個在底部）。

不久就會說起KineticJS有較低的進入壁壘。它是簡單的繪圖庫，並且也支持鼠標事件。當時我試圖使用它，它幾乎不可擴展。我發現很難定製我的需求。 EaselJS開始有點難，但它也更先進。現在它是其他所有已知的CreateJS庫的一部分。看起來很多發展都在那裏。

1. Kinetic和Easel都支持鼠標事件。我不記得 以及動力學，傳感'onMouseOver'雖然與Easel是昂貴的。 這兩個提到的庫允許對象操作。你可以在這裏找到 TweenJS也可以作爲補充。
2. 同樣，Kinetic和Easel都允許這樣做。畫架還支持 sprites - 網頁遊戲開發人員熟知的'動畫圖像'。
3. 我對Kinetic沒有把握，因爲在我放棄它之前，我還沒有達到我的 項目的動畫部分（lib，而不是項目）。隨着畫架 速度很棘手。它具有一些優化方法，如 ，例如對象緩存或snapToPixel標誌。示例似乎非常好地運行 。然而，對於我使用畫架光滑度的項目，儘管在優化方面付出了很多努力，但仍然是 的一個問題。也許我 濫用API或仍然有更多的優化我 沒有注意到的地方。
4. 兩個庫都很年輕，但似乎積極開發。 作者相當敏感。社區仍然不大，但我猜想CreateJS作爲更加完整的遊戲創作工具將會增長更快。

如果你想檢查這裏是the project I mentioned。這是使用EaselJS + TweenJS製作的網頁。儘管如此，仍然需要一些小調整。