Skip to content
Vertex3D: Navigating a WebGL Portfolio With Your Head and Hands

Vertex3D: Navigating a WebGL Portfolio With Your Head and Hands

Vertex3D studio portfolio runs PlayCanvas under Webflow, with webcam-driven head and hand tracking instead of a mouse. Tilt to pan, pinch your index and middle fingers to swipe through digital twins, luxury real estate showrooms, and offshore rigs, all rendered in-browser.

Details

Published

What it is

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.

How it’s made

Technology
WebGL
Framework & Tool
PlayCanvasWebflow