Advanced materials

In this section, we'll look at the more advanced materials Three.js has to offer. We'll first look at THREE.MeshPhongMaterial and THREE.MeshLambertMaterial. These two materials react to light sources and can be used to create shiny and dull-looking materials, respectively. In this section, we'll also look at one of the most versatile, but most difficult to use, materials: THREE.ShaderMaterial. With THREE.ShaderMaterial, you can create your own shader programs that define how the material and object should be shown.


This material can be used to create dull-looking, non-shiny surfaces. This is a very easy-to-use material that responds to the lighting sources in the scene. This material can be configured ...

Get Learning Three.js – the JavaScript 3D Library for WebGL - Second Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.