Understanding Quadratic Bézier Curves

Jason Davies's version using D3:<p><a href="http://www.jasondavies.com/animated-bezier/" rel="nofollow">http://www.jasondavies.com/animated-bezier/</a><p><a href="http://www.jasondavies.com/animated-bezier/animated-bezier.js" rel="nofollow">http://www.jasondavies.com/animated-bezier/animated-bezier.j...</a>

Interesting... It looks like the speed of the dot isn't constant. I wonder if that would cause problems e.g. for animation purposes? (Like using the bezier curve as a way to animate the position of an object moving through 3D space in a game / in movie production...)

They're just gifs, but wikipedia has some interesting animations.<p><a href="http://en.wikipedia.org/wiki/Bezier_curve#Constructing_B.C3.A9zier_curves" rel="nofollow">http://en.wikipedia.org/wiki/Bezier_curve#Constructing_B.C3....</a>

Or written another way, it's a weighted average of weighted averages.

I did a few exercises with SVG in pure CoffeeScript (no external library)<p>Draggable Cubic Bézier curve: <a href="http://ontouchstart.posterous.com/explore-svg-with-coffeescript-jsfiddle-9-drag" rel="nofollow">http://ontouchstart.posterous.com/explore-svg-with-coffeescr...</a><p>Cubic Bézier timing function CSS: <a href="http://ontouchstart.posterous.com/explore-svg-with-coffeescript-jsfiddle-11-dra" rel="nofollow">http://ontouchstart.posterous.com/explore-svg-with-coffeescr...</a>

that was very clear and concise, thanks!