MeshBasicMaterial
A material for drawing geometries in a simple shaded (flat or wireframe) way.
This material is not affected by lights.
Example
Code
Note: The following code is updated according to the properties set above.
Props
| Prop name | Description | Type | Default |
|---|---|---|---|
color | Color of the material. | union | |
side | Defines which side of faces will be rendered - front, back or both. Represtented by THREE.Side. | Side | FrontSide |
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 |
vertexColors | Defines whether vertex coloring is used. | boolean | false |
Slots
| Name | Description | Bindings |
|---|---|---|
| default |
Expose
three
You can access the managed
THREE.MeshBasicMaterialinstance using the exposedthreeproperty.
Example code
template
<MeshBasicMaterial ref="material" />
ts
const material = ref(null);
onMounted(() => {
// Do something with the THREE.MeshBasicMaterial instance
const threeMaterial = material.value.three;
});