widgets Component – <ArrowLayer>

const ArrowLayer: LiveComponent<ArrowLayerProps>

Draws line segments with optional start/end arrow heads.

Props

RawArrowsProps

{
  anchor?: number[] | TypedArray,
  position?: number[] | TypedArray,
  color?: number[] | TypedArray,
  size?: number,
  width?: number,
  depth?: number,
  zBias?: number,
  anchors?: ShaderSource,
  positions?: ShaderSource,
  colors?: ShaderSource,
  sizes?: ShaderSource,
  widths?: ShaderSource,
  depths?: ShaderSource,
  zBiases?: ShaderSource,
  detail?: number,
  count?: number,
} &
PickingSource &
Pick<Partial<PipelineOptions>,
"mode" | "depthTest" | "depthWrite" | "alphaToCoverage" | "blend">

RawLinesProps

{
  position?: number[] | TypedArray,
  segment?: number,
  uv?: number[] | TypedArray,
  st?: number[] | TypedArray,
  color?: number[] | TypedArray,
  width?: number,
  depth?: number,
  zBias?: number,
  trim?: number[] | TypedArray,
  size?: number,
  positions?: ShaderSource,
  segments?: ShaderSource,
  uvs?: ShaderSource,
  sts?: ShaderSource,
  colors?: ShaderSource,
  widths?: ShaderSource,
  depths?: ShaderSource,
  zBiases?: ShaderSource,
  trims?: ShaderSource,
  sizes?: ShaderSource,
  join?: "miter" | "round" | "bevel",
  count?: Lazy<number>,
} &
PickingSource &
Pick<Partial<PipelineOptions>,
"mode" | "depthTest" | "depthWrite" | "alphaToCoverage" | "blend">

Source

packages / workbench / src / layers / arrow-layer.ts