# Mancini Diamond Renderer

> Multi-diamond refraction with React Three Fiber · 2024 · WebGL, Experiments

Canonical page: https://andersonmancini.dev/projects/mancini-diamond-renderer

Built to show how **Three.js** and **React Three Fiber** with refraction materials can render multiple diamonds at once — with convincing sparkle and depth in real time.

It uses ambient occlusion, contact shadows, 3D mesh optimization, and a custom component for swapping diamond and metal colors on the fly.

## Technical details

- Refraction Material
- Ambient Occlusion
- Contact Shadows
- Mesh Optimization
- Custom Color Swap

## Links

- [Open the live project](https://andersonmancini-diamond-renderer.vercel.app/)

## More projects

- Next in WebGL: [Mantis Fusion](https://andersonmancini.dev/projects/mantis-fusion.md)