20 / Generated coordinates & camera projection
Depth without drift.
This is a generated membrane, built from 63 editable coordinates. Follow its points through cover cropping, mirroring and depth, then compare the projected mesh with a separate 2D reference.
A 3D context is unavailable
The downloadable code and explanation remain readable. This study needs a browser with WebGL support.
What this study teaches
An original indexed patch reuses a persistent position buffer. Normalized generated coordinates map through cover sizing and optional camera-ray compensation into a Three.js perspective camera. Actual updated vertex positions are projected with that camera and compared in CSS pixels with an independently calculated 2D cover reference. No camera or face inference is used.
Independent implementation informed by “Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js”, Marek Jóźwiak, Codrops. This is newly authored code and artwork, not a recovered original project. The original source remains acquired/MIT, while its live camera and model prerequisites remain unresolved under the original opaque preview contract. All 63 points and 96 triangles are independently generated; there is no camera request, detector, canonical face topology, face texture or physical-depth estimate. RMS drift is computed for all vertices, including any cropped offscreen; it measures this coordinate mapping, not face-tracking accuracy.