QuadraticBezierLine

<QuadraticBezierLine /> renders a <Line2 /> between start and end points, with an optional control point.

Usage

<script setup lang="ts">
import { OrbitControls, QuadraticBezierLine } from '@tresjs/cientos'
import { TresCanvas } from '@tresjs/core'
</script>

<template>
  <TresLeches />
  <TresCanvas clear-color="#4f4f4f">
    <QuadraticBezierLine
      :start="[-1, 0, 0]"
      :end="[1, 2, 0]"
      :line-width="10"
      color="#fbb03b"
    />
    <TresGridHelper />
    <OrbitControls />
  </TresCanvas>
</template>

Props

<QuadraticBezierLine /> inherits all props but points from <Line2 />.

Prop	Type	Description	Default	Required
start	Vector3 | [number, number, number]	Starting point		yes
end	Vector3 | [number, number, number]	Ending point		yes
mid	Vector3 | [number, number, number]	Control point		no
segments	number	Number of segments in the resulting curve (higher = smoother)	20	no