CODEWITHSUNDEEP
javascriptthree.jsexportblender
pauly.io
pauly.io

Reputation: 13

Create custom .OBJ / .MTL file and render it with three.js

I tried to create a simple blender model, export it to .obj/.mtl and render it with three.js. But something doesn't work. I downloaded (and uploaded) the complete official three.js-demo. The objmtl-loader works fine. With the original models.

But if I create a new file in blender, import the original obj-model (from the demo), then add a simple cone and export it again to obj, on my demo-page everything will be shown except my cone.

I compared every simple param (cone <-> imported model) - no difference.

My demo-page

My blender-file

What do I have to do to get a render-able obj-model-export from blender?

(I tried multiple file formats, but for my usecase Wavefront (obj) is the best)

Upvotes: 1

Views: 2399

Answers (1)

vincent
vincent

Reputation: 1533

Indeed, it must be something with your Blender export.

Not sure how they play exactly but changing these settings in Blender, I can see your Cone:

  • In Export > Wavefront, check Objects as OJB Groups
  • Select the Cone, Edition mode, Make Normals Consistent

I understand the first change the type of the Cone from Object3D to Mesh, and the second let the texture to be placed on it.

Hope it helps

Upvotes: 1

Related Questions