Bezier Curve generator

Explorations to visualize how anchor points form splines in Solidworks, Illustrator, & Photoshop.

Instructions:

  • Scroll all the way down to the bottom of this page. You should no longer see the dividing line below.

  • Click 2-10 points anywhere, then press the spacebar.

  • Feel free to screenshot.

  • Written with p5.js. Each point’s location is recursively defined such that an anchor is simultaneously an ending and a beginning. The lines are drawn with a sinusoidal function to give the piece a sense of momentum. In motion graphics terms, this is referred to as “easy-ease.” Still tuning color/stroke width.

  • Inspired by doodling lines on my notebooks that resembled Free Rider 2 curves I played in middle school.