Create an unforgettable first impression with a 3D animated engagement ring invitation — a spinning, light-reflecting, photo-realistic ring rendered using WebGL and Three.js directly in your guest's mobile browser. No app download, no plugin, just breathtaking 3D brilliance.
How the 3D Ring Animation is Built
- High-polygon geometry: The ring is a 25,000+ triangle 3D mesh. Every diamond facet — round brilliant, princess, oval, marquise — is individually illuminated.
- PBR materials: Yellow gold, platinum, white gold, and rose gold variants use Physically Based Rendering for true-to-life reflectivity.
- HDRI lighting: Dynamic environment lighting makes the ring look as if it is sitting in a real-world luxury jewellery studio.
- 60fps rotation: Smooth continuous spin at 60 frames per second. Guests pinch and rotate to inspect every angle.
- Mobile optimised: WebGL sub-resolution fallback ensures buttery performance on older devices (iPhone 8, Samsung A10).
Supported Diamond Cut Styles
- Round Brilliant — maximum sparkle, timeless classic
- Princess Cut — modern sharp edges, popular choice in Azerbaijan
- Oval Cut — elongating, romantic silhouette
- Pear / Teardrop — rare, exclusive statement piece
- Emerald Cut — vintage rectangular elegance
FAQ
Does it work on all phones?
Yes. WebGL is supported by all modern mobile browsers since 2016 — iPhone, Samsung, Xiaomi, Huawei, and more.
Can I choose the ring metal colour?
Yes. From the dashboard, select gold, platinum, white gold, or rose gold, and choose your preferred diamond cut style.
Does the 3D animation slow page loading?
No. All 3D assets are gzip-compressed and lazy-loaded. The invitation is visible within 1.2 seconds; the 3D animation activates once pre-loaded in the background.
