How can we use blender's 3d model with geometry nodes in three.js?

I have a model that is created using geometry nodes. I want to export the same stuff to gltf file so I can use that model into three.js but don’t know how…Can someone please help?

This is the model I’m trying to export -

hex_planet.blend (3.2 MB)

The vast majority of Blender’s nodes — for geometry or materials — cannot be exported to other software. The only way around that is to (1) apply modifiers like geometry nodes, and (2) bake material nodes down to texture inputs on the Principled BSDF node. Applying the geometry modifiers is easy:

Screen Shot 2022-07-08 at 11.53.25 AM

For the screenshot below I also deleted the ‘shell’ spheres around the “Planet” geometry, because those otherwise required transparency node graphs that couldn’t export.

Baking the materials is not always so easy, if the materials were not made with glTF in mind. Blender has many free tutorials about its material baking processes, or the (paid) SimpleBake addon is an easier place to start.

Finally, the Blender glTF addon documentation discusses how materials must be set up if you plan to export them:

https://docs.blender.org/manual/en/latest/addons/import_export/scene_gltf2.html

3 Likes