2011年1月6日木曜日

ベジェのパスでアニメーションできる機能を追加した

ベジェのパスでアニメーションできる機能を追加しました。距離の割合を元に座標を求めているので、きつい曲線などでも等速でアニメーションできます。
ライブラリの機能としては、曲線と直線の組み合わせの情報を元に、t(0.0から1.0)に対してセグメントの距離と全体の距離から、x/yを求めるようになっています。Matrixの適用も可能です。
そのパスライブラリを使ったサンプルをWonderflにアップしました。

ベジェと直線のパス上を等速でアニメーション - wonderfl build flash online


参考元はこちらのサイトです。実際のところ数学は全く苦手なので、何やってるかわかりません。移植して最適化しただけです。
目標としてはSVGの命令を網羅したいところなのですが、積分が全くダメなので円弧の楕円積分などで躓くでしょう。。。

0 件のコメント:

コメントを投稿