MeshNormalMaterial
A material that maps the normal vectors to RGB colors.
Props
| Prop name | Description | Type | Default |
|---|---|---|---|
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 |
Slots
| Name | Description | Bindings |
|---|---|---|
| default |
Expose
three
You can access the managed
THREE.MeshNormalMaterialinstance using the exposedthreeproperty.
Example code
template
<MeshNormalMaterial ref="material" />
ts
const material = ref(null);
onMounted(() => {
// Do something with the THREE.MeshNormalMaterial instance
const threeMaterial = material.value.three;
});