2012-04-20 18 views
-1

パスベースのアニメーションの作成方法 paper.js E.Gベジェ曲線。html5キャンバスでのパスベースのアニメーション

+2

ドキュメントは読んでいますか?何を試しましたか? – rlemon

+0

私はhttp://www.eccesignum.org/blog/html5-canvas-drawing-library-exploration-paperjsを試しましたが、私が持っているパスはランダムです。 – Krueger

+2

drake、質問を編集して**あなたの**コードを投稿してください。あなたが試したことを示し、記事にリンクするだけではありません。 – rlemon

答えて

1

私は、キャンバスパスを描き、パスに沿って描画した他のものをアニメーション化し、自分のプロジェクトで使うためにコードを書き出すことができるプロジェクトを作成しています。パスは、3次ベジェ曲線を結合することで構築されます。最初のバージョンはhttp://canvimation.github.com/でソースコードはhttps://github.com/canvimation/canvimation.github.com、ヘルプファイルはhttps://sites.google.com/site/canvimationhelp/です。

わかりやすく堅牢にするためにコードを書き直していますが(ステージ1ブランチ)、まだアニメーションセクションを書き直す必要はありません。コードのいずれかがあなたに役立つなら、あなたは大歓迎です。おそらく有用なファイルは、alongpath.jsとbuildmenu.jsです。