3d .obj to SVG help

Questions
, ,
1

Looking to convert a 3d .obj (created in Cinema 4D and animated to rotate 360 degrees) to vector using the SVGRenderer.

Stumbled across three.js and the SVGRenderer, and examples/research suggest this should be technically possible.

My reason for wanting to convert to SVG is I want crisp lines on the model.

Tried swapping out the THREE.WebGLRenderer for SVGRenderer but there’s clearly more to it than I can handle just know, and can’t find any walkthroughs, or breakdowns online.

Linked an image of the 3d file I’m looking to vectorise - a simple mountain style scene - aiming for each edges of the vertices to be stroked, with no texture needed (white shape, green edges).

Here’s what the raw model looks like

image
image2210×1458 174 KB

And here’s the result I’d like to achieve in SVG form (with edges stroked)

image
image1920×1141 139 KB

2

Can anyone offer any insight at all? :robot:

Thought I might be able to find more online about applying the SVGRenderer

3

Here is an example with SVGRenderer, not sure how you import your model into THREE though:

4

Thanks for the example - I’ve some learning to do to replace the coded geometry with my ready-built model, but I appreciate the response.

Something to dig into.

5

Hey Matt! If you’re looking to export clean SVG outlines from a .obj or .glb file — just the visible edges without any textures — you might want to check out this project I made:

OBJ-or-GLB-to-SVG

It’s a browser-based viewer built with Three.js. You can:

  • Load .obj or .glb files

  • Rotate and inspect the model interactively

  • Export crisp SVG silhouettes from the current camera angle

  • And if your .glb file includes cameras (like from Cinema 4D), the app will detect them so you can switch to those views directly before exporting

Could be a great fit for what you’re trying to achieve!