LineDashedMaterial
A material for drawing dashed line geometries.
Suitable for <Line />, <LineSegments /> or <LineLoop />.
Example
Props
| Prop name | Description | Type | Default |
|---|---|---|---|
color | Color of the material. | union | 0xffffff |
scale | The scale of the dashed part of a line. | number | 1 |
dashSize | The size of the dash. This is both the gap with the stroke. | number | 3 |
gapSize | The size of the gap. | number | 1 |
name | Name of the material | string | "" |
opacity | Float in the range of 0.0 - 1.0 indicating how transparent the material is. | number | 1 |
transparent | Defines whether this material is transparent. | boolean | false |
Expose
three
You can access the managed
THREE.LineDashedMaterialinstance using the exposedthreeproperty.
Example code
template
<LineDashedMaterial ref="material" />
ts
const material = ref(null);
onMounted(() => {
// Do something with the THREE.LineDashedMaterial instance
const threeMaterial = material.value.three;
});