Glass Shard Title

Voronoi-cut glass panes fly in from depth, rotating, and land as a tiled silhouette of the headline, then fly out past the camera. Each shard is a Sutherland–Hodgman clip of a jittered blob against its Voronoi cell, so the pieces always cover the type. Glass and matcap surfaces get per-fragment fog; the z-flight is decoupled from the ease so shards visibly traverse it. Tile count 1 gives a single pane.

Composition id: glass-shard-title. Duration 12.16 s at 30 fps, 1920×1080.

Files

• glass-shard-title.html (16 KB)
• assets/ferndale_studio_01_1k.hdr (1.6 MB)
• assets/fonts/Geist-Bold.ttf (65 KB)
• assets/fonts/Geist-Regular.ttf (65 KB)
• assets/fonts/Geist-SemiBold.ttf (65 KB)
• assets/fonts/Geist-OFL.txt (4 KB)
• assets/fonts/cormorant-garamond.woff2 (37 KB)
• assets/fonts/CormorantGaramond-OFL.txt (4 KB)
• assets/glass-main.js (549 KB)
• assets/Three-LICENSE.txt (1 KB)
• assets/matcap-1.png (fetched from the CDN at install)