Loading .obj files translated with Model Derivative API into a three.js scene

By @ShiyaLuo

With the model derivative API peeling itself away from the View and Data API, you can now translate stuff into OBJ at API level. Before you had to load up a viewer instance, which only takes in svf translated with this API. Now you can just load the OBJs that you've translated into your three.js scene!

I translated a f3d model that I have on hand into an obj, and loaded it into a scene. It's this car:

The API lets you translate parts of the model by specifying the part of the hierarchy you want to translate. So I translated just the suspension.

I just modified the three.js example code that lets you load your obj. Just replace the url of where the obj is.

I used THREE.MeshPhongMaterial instead of mapping a texture myself.

Here's the relevant part of the code:

Now you have a weird-ish looking blue suspension in your three.js scene!

Get the code on GitHub

Happy coding!