Learning three.js 05 :: Model & Material loading (OBJ/MTL)

Channel:
Subscribers:
1,090
Published on ● Video Link: https://www.youtube.com/watch?v=q2dhg1e8kpw



Duration: 3:27
35,309 views
220


Loading a obj model file and mtl material file using three.js. Source code below.

A more in-depth look at this should be the next video, to deal with loading models from a list, and get around the asynchronous-loading problem.

Chrome does not let this demo run locally (from the file system). To run this demo, use Firefox, or run a local HTTP server. For more information about this error and alternative solutions, see https://encrypted.google.com/#q=threejs+cross+origin+error

This builds on the code written in video 04.


source code - https://github.com/saucecode/threejs-demos/tree/master/05_Models
github repo - https://github.com/saucecode/threejs-demos

The tent used in this demo is a free-use resource taken from http://kenney.nl. He has a lot of great resources, most of them for free, all of them high quality.


https://rawr.nz/

Send questions/comments, interesting calculus problems, and movie recommendations to cahill.julian@gmail.com

cute photo - https://i.imgur.com/Ngg1WEh.jpg







Tags:
threejs
javascript
opengl
opengl es
shadows
light
shadow
lights
models
loading
textures
materials
OBJ
MTL
wavefront
tutorial
learning
05
three.js