glodrei
Version:
useful add-ons for react-three-fiber
24 lines (20 loc) • 891 B
text/mdx
title: CubicBezierLine
sourcecode: src/core/CubicBezierLine.tsx
[](https://drei.vercel.app/?path=/story/shapes-line--cubic-bezier-st)
Renders a THREE.Line2 using THREE.CubicBezierCurve3 for interpolation.
```jsx
<CubicBezierLine
start={[0, 0, 0]} // Starting point
end={[10, 0, 10]} // Ending point
midA={[5, 0, 0]} // First control point
midB={[0, 0, 5]} // Second control point
color="black" // Default
lineWidth={1} // In pixels (default)
dashed={false} // Default
vertexColors={[[0, 0, 0], ...]} // Optional array of RGB values for each point
{...lineProps} // All THREE.Line2 props are valid
{...materialProps} // All THREE.LineMaterial props are valid
/>
```