Advanced Materials

Learn the types of advanced materials and explore THREE.MeshLambertMaterial, THREE.MeshPhongMaterial, and THREE.MeshToonMaterial.

Types of advanced materials

In this lesson, we’ll look at the more advanced materials Three.js has to offer. We’ll look at the following materials: 

  • THREE.MeshLambertMaterial: This is a material for rough-looking surfaces.

  • THREE.MeshPhongMaterial: This is a material for shiny-looking surfaces.

  • THREE.MeshToonMaterial: This renders the mesh in a cartoon-like fashion.

  • THREE.ShadowMaterial: This is a material that only shows shadows cast on it; the material is otherwise transparent.

  • THREE.MeshStandardMaterial: This is a versatile material that can be used to represent many different kinds of surfaces.

  • THREE.MeshPhysicalMaterial: This is similar to THREE.MeshStandardMaterial but provides additional properties for more real-world-like surfaces.

  • THREE.ShaderMaterial: This is a material where we can define for ourselves how to render the object by writing our own shaders. ...