Robin O'Connell

   

Bezier Editor

Try it View source

This is a simple cubic Bezier curve editor that I created while learning about the mathematics of such curves.

The are more features I would like to add (e.g. splines), but the vanilla JS architecture is not the best suited for the increased complexity. If I were starting the project today, I would probably select a declarative/reactive framework like Solid.

Screenshots

A meandering gray curve appears on a blank canvas. Part of the curve is blue with endpoints marked by open blue circles. Two open red circles mark the curve's control points. A sidebar lists 6 curve segments, the last of which is highlighted.

Tools & Technologies

  • HTML
  • CSS
  • JavaScript