PointsMaterial
A material for drawing <Points />.
Example
Props
| Prop name | Description | Type | Default |
|---|---|---|---|
color | Color of the material. | union | 0xffffff |
sizeAttenuation | Specify whether points' size is attenuated by the camera depth. (Perspective camera only) | boolean | true |
name | Name of the material | string | "" |
size | Defines the size of the points in pixels. | number | 1 |
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.PointsMaterialinstance using the exposedthreeproperty.
Example code
template
<PointsMaterial ref="material" />
ts
const material = ref(null);
onMounted(() => {
// Do something with the THREE.PointsMaterial instance
const threeMaterial = material.value.three;
});