WebXRDepth EstimationRay MarchingBabylon.js

From a Single 360° Image to Stereoscopic VR

360° Panoramic Capture

360° Panoramic CaptureAI Depth EstimationGPU Ray Marching (For Parallax)Stereoscopic Rendering

Start with a standard 360° camera (Ricoh Theta, Insta360), the exact same cameras Spacely customers already use. No LiDAR, no depth sensor, just a single equirectangular photo.

Stereo VR
Realistic Depth Perception
3DoF
Degrees of Freedom
GLSL
Efficient Ray Marching
16-bit
Depth Precision

System Architecture

Six stages transform a regular capture into a fully immersive, depth-correct VR representation.

STAGE 01

360° Panoramic Capture

Start with a standard 360° camera (Ricoh Theta, Insta360), the exact same cameras Spacely customers already use. No LiDAR, no depth sensor, just a single equirectangular photo.

EquirectangularSingle ImageNo Hardware
STAGE 02

AI Depth Estimation

Feed the imagery through the DA² depth AI model. The model predicts per-pixel distance from the camera, generating a complete spatial map from a 2D photograph.

DA²MonocularAI / ML
STAGE 03

16-bit Depth Packing

Encode the resultant map as a 16-bit precision PNG using R + G/255 channel packing. This preserves fine detail while keeping the format web-compatible.

16-bitR+G/255 EncodingPNG
STAGE 04

GPU Ray Marching (For Parallax)

A custom GLSL fragment shader traverses through the field in real-time. By utilizing an optimized distance thresholding algorithm, it efficiently locates the proper surface geometry.

GLSLRay MarchingBinary Search
STAGE 05

Stereoscopic Rendering

Stereoscopy provides offset perspectives for each eye. WebXR provides per-eye view matrices automatically, producing correct parallax natively.

WebXRStereoscopyIPD
STAGE 06

Immersive 3DoF

The result is a fully browser-native VR layout with authentic perception. Since only rotation is allowed from the user's fixed point, we support a comfortable 3DoF system.

Browser Native3DoFReal-time

Ready to See It in Action?

Explore 12+ environments with real-time depth parallax. Put on a VR headset for the full stereoscopic layout.

Launch Viewer