Eye Tracking & Foveated Rendering

Eye tracking transforms user intent. By knowing exactly where the user is looking, you can trigger UI events without physical movement.

Module 1: Foveated Rendering

The human eye only sees in high resolution at the center of its gaze (the fovea). Foveated rendering renders the periphery at a lower resolution, reclaiming massive amounts of GPU frame time.

Module 2: Gaze-Based Interaction

const session = await navigator.xr.requestSession('immersive-vr', { requiredFeatures: ['local-floor', 'eye-tracking'] });

// Frame loop
const gazeSpace = session.inputSources.find(s => s.targetRayMode === 'gaze').targetRaySpace;
const gazePose = frame.getPose(gazeSpace, referenceSpace);
// Raycast from gazePose to highlight UI elements