下記のような運動をホームページ上で表示したいと思いました。

下記のような運動をホームページ上で表示したいと思いました。
http://vimeo.com/5007705
容易なものでしょうか。
フラッシュで作れそうであれば挑戦したいです。
その際必要なソフトや難易度などアドバイス下さい。
お願いします！。

No.3 回答者： H240S18B73 回答日時： 2010/10/23 16:24

OSXなら同じくQuartzComposer

使えばいいんじゃないでしょうか

ＨＤ＞Ｄｅｖｅｌｏｐのとこに入ってたかと思います

フローチャートで視覚的で直感的なプログラミングができたり
やってみると結構おもしろいですよ

No.2 回答者： H240S18B73 回答日時： 2010/10/19 03:10

fl.motion.BezierSegmentクラスで

２次ベジェの計算できます

それで曲線の途中の点の座標を求めて
線がグラデーションになるように
色を変えながら
graphics.lineTo()
するカンジですかね

動的なグラフィックの生成ってところで言えば
これはそんなに難しくない方というか
最初の方にやる事じゃないかと思います

難しいのはここから先

スクリプトによる動的な描画によっていかにして
なにかコンセプトをもったイメージとか
思い描いた通りのビジョンを実現するかというところ

その動画には単純なランダムベジェ描画を
いかにもコンセプトありげにしちゃった所に
とってもズルいセンスを感じてしまいます

必要ないでしょうがN次ベジェの座標を求める関数

function getBezPnt(t:Number,pnts:Array):Point{
var rtn:Point=new Point()
var n=pnts.length-1
rtn.x+=pnts[0].x*Math.pow((1-t),n)
rtn.y+=pnts[0].y*Math.pow((1-t),n)
for(var i=1;i<n;i++){
rtn.x+=pnts[0].x*Math.pow((1-t),n-i)*Math.pow(t,i)*n
rtn.y+=pnts[0].y*Math.pow((1-t),n-i)*Math.pow(t,i)*n
}
rtn.x+=pnts[0].x*Math.pow(t,n)
rtn.y+=pnts[0].y*Math.pow(t,n)
return rtn
}


getBezPnt（曲線状の位置（0～１）、ベジェ制御点配列）
で座標を返します
ベジェ制御点の数で何次ベジェか変わります
２次ベジェじゃないベジェ曲線でやりたくなったときにどうぞ

この回答への補足

ありがとうございます。
ホームページを良く読んでみたところ
Javaスクリプトと(Quartz Composer)を使っているようです。
Javaスクリプトと組み合わせるのかはわかりません。
ソフトは何を利用してもできますか？
フラッシュは高額なので、コストがかからないらしいactionscript？と考えていました。
何冊か書籍を購入して調べてみようと思っていますが、どのソフトを使うのが
適しているのでしょうか。
環境はmac os xを使っています。

補足日時：2010/10/20 02:07

No.1 回答者： kernel_kaz 回答日時： 2010/10/18 07:49

件の映像はコマ撮りでしょ？

GIFアニメでも簡単に作れるよね。フラッシュでも問題は無いでしょう。

必要なのは根気とセンスだけ、かな？