Threejs TypeScript : MTL Loader

Channel:

SBCODE

Subscribers:

25,200

Published on July 19, 2021 2:34:53 PM ● Video Link: https://www.youtube.com/watch?v=6QtXOL73C88

Duration: 15:08

559 views

3

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
Texture and it's co-ordinates

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

See documentation website for code.