| \n \n```js\nconst myPath = BezierPath.create([\n {\n pt: { x: 10, y: 10 },\n right: { x: 50, y: 10 }\n },\n {\n left: { x: 20, y: 20 },\n pt: { x: 20, y: 30 },\n right: { x: 20, y: 40 }\n },\n {\n left: { x: 50, y: 50 },\n pt: { x: 10, y: 50 },\n },\n])\n```\n\n | \n\n \n\n\n | \n\n\n\n\n | \n
| \n \n```js\nconst pts = []\nfor (let i = 0; i < 5; i++) {\n pts.push({\n pt: createVector(random(width), random(height))\n })\n}\n\n// Smooth tangents\nfor (let i = 0; i < 5; i++) {\n const prev = pts[i-1]\n const curr = pts[i]\n const next = pts[i+1]\n if (prev && next) {\n // Change the scaling of the tangent to adjust the curve tightness\n const tangent = next.pt.copy().sub(prev.pt).div(4)\n curr.right = curr.pt.copy().add(tangent)\n curr.left = curr.pt.copy().sub(tangent)\n }\n}\n\nconst myPath = BezierPath.create(pts)\n```\n\n | \n\n \n\n\n | \n\n\n\n\n | \n
| \n\n```js\nconst mix = map(cos(frameCount / 120 * TWO_PI), -1, 1, 0, 1)\nconst numSamples = ceil(max(path1.getTotalLength(), path2.getTotalLength()) / 3)\nbeginShape()\nfor (let i = 0; i < numSamples; i++) {\n const pt1 = path1.getPointAtLength(\n map(i, 0, numSamples-1, 0, path1.getTotalLength())\n )\n const pt2 = path2.getPointAtLength(\n map(i, 0, numSamples-1, 0, path2.getTotalLength())\n )\n vertex(lerp(pt1.x, pt2.x, mix), lerp(pt1.y, pt2.y, mix))\n}\nendShape()\n```\n\n | \n\n\n\n\n | \n