Starting with simple materials
In this section, we’ll look at a few simple materials: MeshBasicMaterial, MeshDepthMaterial, and MeshNormalMaterial.
Before we look into the properties of these materials, here’s a quick note on how you can pass in properties to configure the materials. There are two options:
- You can pass in the arguments in the constructor as a parameter object, like this:
const material = new THREE.MeshBasicMaterial({color: 0xff0000,
name: 'material-1',
opacity: 0.5,
transparency: true,
...
})
- Alternatively, you can create an instance and set the properties individually, like this:
const material = new THREE.MeshBasicMaterial();
material.color = new THREE.Color(0xff0000);
material.name = 'material-1'; material.opacity = 0.5;
material.transparency = true;
Usually, the best way is to use the constructor if we know all the properties’ values while creating the...
