A WebGL portfolio showing 3D scenes of offshore energy infrastructure and a luxury real estate showroom, navigated by tilting the head and pinching index and middle fingers through webcam-based pose tracking.
Vertex3D's studio site asks you to put down the mouse. Tilt your head and the camera tilts with it. Pinch your index and middle fingers together and the scene starts paying attention; swipe through a digital twin of an offshore rig, a luxury showroom, a SaaS dashboard, all of it rendered in-browser without anyone forcing you to scroll. It's spatial web without the headset.
The technical move is the layering. The 3D environment sits with PlayCanvas and Webflow handles the DOM and UI, so the spatial scene and the marketing copy share the same page without fighting each other for the event loop. Head and hand tracking run on a webcam-fed pose model in the browser, wired to camera transforms and a tiny gesture vocabulary (fingers together to grab, hide your hand to release).
Worth poking at: try the head rotation before you reach for the trackpad, watch how the Webflow chrome stays crisp over the WebGL canvas, and skim the write-up on the PlayCanvas forum for the months of R&D underneath.
- Live Demo: https://www.vertex3d.asia
- Author: Vertex3D (LinkedIn)