Search⌘ K
AI Features
Home
Courses
Learn Three.js for 3D Computer Graphics

Advanced Materials

Explore advanced materials in Three.js to enhance the appearance of 3D objects. Learn to use MeshLambert for rough surfaces, MeshPhong for shiny effects, MeshToon for cartoon styles, and specialized materials like MeshStandard and MeshPhysical to achieve realistic surface rendering. Understand key properties of each material to customize lighting and shading effects for dynamic 3D scenes.

We'll cover the following...

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