O'Reilly logo

Three.js Essentials by Jos Dirksen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using Blender's predefined materials in Three.js

Blender has excellent support for a large range of different materials and provides easy-to-use tools to map and apply textures. Using the Three.js plugin, we can also export the materials used in Blender to Three.js. Let's continue with the monkey we left off in the previous section. The first step we need to take is set up the material.

Setting up a Blender material

On the right-hand side of the screen, open the material tab, as can be seen in the following screenshot, and click on New:

Setting up a Blender material

This will create a new material and assign it to our monkey geometry. If you scroll down in the material tab after ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required