THREE.JS + WEBXR
BelowJS
View underwater photogrammetry models in VR
Teams use BelowJS to share underwater photogrammetry models on the web and in VR. Deploy statically on GitHub Pages, or power dynamic systems where teams can dive together.
Mouse: Orbit • Wheel: Zoom • VR: Enter VR (supported devices)
Model: Sesa 1928, credit: WreckSploration
Teams use BelowJS to share underwater photogrammetry models on the web and in VR. Deploy statically on GitHub Pages, or power dynamic systems where teams can dive together.
VR and desktop, together
One viewer for both modes. Teach and review on a laptop; hand the headset to your audience to step inside the same scene.
VR and desktop, together
One viewer for both modes. Teach and review on a laptop; hand the headset to your audience to step inside the same scene.
Research‑grade measurement
Built‑in tools that archaeologists actually use: measure sites to identify and quantify features, whether on desktop or in VR.
Dive mode in VR
A comfort‑friendly WebXR mode tuned for Quest—lighting, movement, and UI that feels like a real dive.
Share on your own terms
Host models anywhere—GitHub Pages, your site or your own app—using just HTML and your *.glb model files.
Extensible (GPL‑3.0)
Customize workflows, add buttons, brand the UI—keep your improvements. Share the code so everyone benefits.
Create your own virtual dives
1. Build your own models with photogrammetry
Capture underwater sites and process with Agisoft Metashape
2. Scale and orient
Set real-world measurements and proper positioning
3. Optimise for WebXR
Target polygon count and compress textures for smooth VR
4. Setup with BelowJS
Take these models and have your site up and running in minutes
5. Research and experience
Study sites with measurement tools and VR exploration