Home /  Sketchbook /  p5.js - Common Examples - Bezier Shapes
  • Info

Overview

This is a p5.js sketch to demonstrate the dragging capability of the ‘Bezier’ object in p5js/common/shapes folder.

Controls

Mouse

  • Drag green control points.

JS Console

  • Run console.log(bezierCurve.toCode(true)) in console to get code to draw the curve.

References:

  • p5js.org - bezier() Reference docs on drawing a Bézier curve.
  • Wikipedia - Bézier Curve - more background on the Bézier curve.

Links:

  • Live View
  • Source on Github

Screenshot:

screenshot