Threejs TypeScript : MTL Loader

Channel:

SBCODE

Subscribers:

24,900

Published on May 14, 2020 10:20:41 PM ● Video Link: https://www.youtube.com/watch?v=r2JDMOFnrEQ

Duration: 8:12

1,641 views

24

Documentation : https://sbcode.net/threejs/loaders-mtl/
YT Members : https://www.youtube.com/channel/UCmUILI2AWt2MSUgPlZwFdOg/join
Three.js and TypeScript (Book) : https://www.amazon.com/dp/B09GYTKRCH
Course Coupons : https://sbcode.net/coupons#threejs

MTL is the material information used by an OBJ file. You can set the colours, specular, emissive, alpha, smoothness, image maps, and there coordinates.

In Three.js, the MTL Loader will convert the information into a meshPhongMaterial by default. So, we can only set properties that the meshPhongMaterial supports.

If you create your OBJ and MTL using Blender, then these Blender settings can be used to modify the resulting MeshPhongMaterial.

Base Color
Specular
Emission
Alpha
Smooth/Flat Shaded

More information can be found at these links,
https://sbcode.net/threejs/loaders-mtl/
https://threejs.org/docs/#examples/en/loaders/MTLLoader