2012-04-20 148 views
-1

如何製作基於路徑的動畫 paper.js E.G貝塞爾曲線。html5 canvas中基於路徑的動畫

+2

你有沒有讀過任何文檔?你有什麼嘗試? – rlemon 2012-04-20 17:38:15

+0

我曾試過http://www.eccesignum.org/blog/html5-canvas-drawing-library-exploration-paperjs,但我擁有的路徑是隨機的。 – Krueger 2012-04-20 17:42:53

+2

德雷克,編輯你的問題和** **你的**代碼。告訴我們你已經嘗試了什麼,而不只是鏈接到文章。 – rlemon 2012-04-20 17:49:33

回答

1

我正在創建一個項目,該項目將允許您繪製畫布路徑,然後沿着路徑繪製任何其他動畫,然後導出代碼以在您自己的項目中使用。路徑是通過連接三次貝塞爾曲線建立的。第一個版本可在http://canvimation.github.com/獲得,源代碼爲https://github.com/canvimation/canvimation.github.com,幫助文件爲https://sites.google.com/site/canvimationhelp/

我正在重寫代碼,使其更易於理解和健壯(第1階段分支),但尚未重寫動畫片段。如果任何代碼對你有用,那麼你是受歡迎的。可能有用的文件沿着path.js和buildmenu.js