deadolus / three.js-ring-editor

Edit a model of a ring and export the result as an stl file

Design your own ring in your browser

See this in action

Design your own ring - draw an image on the canvas below or upload your own picture. Your changes on the ring will be updated in real time! Once you are satisfied you may export and 3d print your own personal model. 3d print services such as materialise or Shapeways will print metal versions for you. You can download a template for the outside or for the outside of the ring.

Not satisfied with your results? We can help you translate your visions

Technical details

This is realized by live editing the vertexes of a Three.JS model via a bump map and then directly capturing the resulting modified graphic vertices from the graphic buffer. Then the model is converted them to an STL object and exported. This is more a demo of what is possible with Three.JS - if you accidentally design a ring you like it would be awesome.

three.js-ring-editor's Issues

How to generate outside or inside uvs data?

Hi, this is a good demo, but i don't know how to get uvs data from 3d software(such as blender).