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.
