Project Overview
I was getting very into creating jewelry and found that every software I used wasn't very beginner friendly and it was very difficult to make any that looked organic like the style that I wanted.
The Journey
I tried a lot of different approaches first, trying to paint in 2D onto a 3D cylinder and try to "delete" the parts of the mesh I wasn't drawing. But that approach did not really work at all.
I remembered some approaches I used for game development where I used marching cubes algorithm to create nice dynamic landscapes. I brought that knowledge across to this project and was able to map 2D pixel art to a 3D cylinder and ran a marching cubes algorithm on it.
Tech Stack
- Three.js (3D rendering)
- HTML5 Canvas (user interaction)
- Marching Cubes algorithm
- JavaScript
- WebGL
Key Features
- Interactive voxel grid for designing rings
- Real-time 3D mesh generation using Marching Cubes
- Export functionality (OBJ, GLTF) for 3D printing
- Smooth mesh generation from discrete voxel data