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...