Use the controls below to modify the curve, which should update in real time. Sorry if it's still a little rough, I've only had small amounts of spare time to improve it. I programmed this myself using pure Javascript and WebGL, plus a little help from the gl-matrix library and angular.js. I also wrote the bezier.js and carlos_graphics_util.js files included on this page.
Examples:
Line |
Parabola |
Cubic |
"Egg" |
Original