In this section, we'll look at a few simple materials: MeshBasicMaterial, MeshDepthMaterial, MeshNormalMaterial, and MeshFaceMaterial. We start with MeshBasicMaterial.
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 parameters object, like this:
var material = new THREE.MeshBasicMaterial( { color: 0xff0000, name: 'material-1', opacity: 0.5, transparency: true, ... });Alternatively, you can also create an instance and set the properties individually, like this:
var 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 material. The arguments used in both these styles use the same format...