Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Animated Bézier Curves

jasondavies.com

Post reply on HN
Print view View original

11–20 of 21 posts

Re: Animated Bézier Curves

#12

Post by TheRealPomax »

febeling wrote: post #6

There is another very interesting page on bezier curves which goes all the way into the maths you need, i.e. finding intersections, length of a curve, splitting a curve, etc. It's not animated but interactive, so drag the control points. http://processingjs.nihongoresources.com/bezierinfo/

No, I'm pretty sure I made them animated, and added a big red text over the sketches to make sure you know they are, saying "Animated sketch, click to play" =D

Re: Animated Bézier Curves

#13

Post by TheRealPomax »

TheRealPomax wrote: post #12
febeling wrote: post #6

There is another very interesting page on bezier curves which goes all the way into the maths you need, i.e. finding intersections, length of a curve, splitting a curve, etc. It's not animated but interactive, so drag the control points. http://processingjs.nihongoresources.com/bezierinfo/

No, I'm pretty sure I made them animated, and added a big red text over the sketches to make sure you know they are, saying "Animated sketch, click to play" =D

At least for the "de Casteljau" algorithm that Jason also demonstrates in this HN link (in my article, it's http://processingjs.nihongoresources.com/bezierinfo/#splitti...)

Re: Animated Bézier Curves

#14

Post by tomjen3 »

As a (2D) game developer I love bezier curves. So many uses. My favorite may be that you can calculate the curve from just the end points if you know the velocity you want the object moving along the curve to have at the end.

Re: Animated Bézier Curves

#15

Post by tomdeakin »

huggyface wrote: post #8
akie wrote: post #2

Thank you, I now finally understand how Bézier curves actually work!

Second this. It is one of those things that seems so mysterious but becomes so obvious when presented in such a clear, elegant fashion.

Thirded. They is such a simple way to visualise this.

Re: Animated Bézier Curves

#16

Post by cobrausn »

tomdeakin wrote: post #15
huggyface wrote: post #8

Earlier quoted context omitted.

Second this. It is one of those things that seems so mysterious but becomes so obvious when presented in such a clear, elegant fashion.

Thirded. They is such a simple way to visualise this.

If you wish for some additional reinforcement on interpolation and splines, the presentation on this by Squirrel Eiserloh for GDC is fantastic.

http://www.essentialmath.com/tutorial.htm

Re: Animated Bézier Curves

#18

Post by ssapkota »

Thank you. This gives a beautiful understanding of Bézier curves.

One request: Please add pause/resume in the animation. I could just pause at any given time, and go through the state of all points. I hope it would help anyone to understand it much easily.

Post reply on HN