はてなブックマーク - 中学生でもわかるベジェ曲線

中学生でもわかるベジェ曲線 - Rui's Blog ruiueyama.tumblr.com

タグ : ベジェ曲線数学プログラミング webデザイン programming graphic math photoshop CG mathematics

コンピュータ・IT 1529 users

ベジェ曲線をレンダリングしていたら面白くて丁寧に描いてしまった。せっかくなのでこれを使って誰にでもわかるように（たぶん中学生でも分かるように）ベジェ曲線というものが何かを説明してみたいと思う。ベジェ曲線というのはなめらかな曲線を描くためのものなのだけど、説明はまず単なる直線から始めることになる。この下の図の点の動きがすべての基本になるからだ。一本の直線があって、その上を点Mが一定の速度で移動している。この点Mの軌跡は、もちろんだけど、単なる直線になる。いいよね。tというのは線分上をどれだけの割合進んだ... > このページを見る

最終更新時間: 2011年10月09日10時40分

▼ブログで紹介する

みんなのブックマーク人気（10）新着

guldeen math, design, dtp, tutorial, trivia, なるほど
ていうか、サムネがちゃんとGIFアニメしてるのがすごい。 2011/10/09
filinion ソフトウェア, 教育
黒板で説明すると正しく理解するのが難しいが、動かして見せれば直感的に理解できるものの例。 2011/10/09
sononon
かれこれ10年間（DTP業界の人はもっと昔からか）パス描くときはベジェ曲線だけど、いいかげん他のやり方ないもんなんかね。コツつかむまで大変だよね。 2011/10/09
pribetch
代ゼミの荻野先生の声で脳内アフレコするといい感じ。 2011/10/09
rikuo vector, tutorial
分かりやすい！あとnitoyonさんの解説記事 http://d.hatena.ne.jp/nitoyon/20070918/bezier_1 もオススメです。こちらはドラッグして試せますし。 2011/10/09
dododod 数学, webデザイン
似たようなのノートに落書きして遊ぶよね 2011/10/09
sugarball
ベジェ曲線…説明は何となくわかったけど、これで思い通りのベジェ曲線を書ける自信が無い… 2011/10/09
t-murachi CG
個人的にはベジェよりもスプラインの方が直感的に使いやすくて好きなんだけどね…。 2011/10/09
Nao_u
昔Flashで頂点を動かしながら確認できるやつを作ったことがあった http://wonderfl.net/c/a8Kd 2011/10/10
at_yasu programming, 数学
どうせなら「P(t)=Σ^(N-1)v(i=0)B(i)*(J(v(N-1)i))(t)」の公式とか書いてこの値の時=とかやりましょうぜ 2011/10/09