Splat-Viewer

A powerful WebXR-based augmented reality viewer for 3D Gaussian Splat files. Experience immersive AR on mobile devices or explore 3D scenes on desktop with intuitive controls.

Built with Three.js and Spark.js for high-performance rendering

About This Project

SplatViewer is a custom web component that brings 3D Gaussian Splat point clouds to the web. It supports multiple file formats including .splat, .sog, and .ply, providing a seamless viewing experience across desktop and mobile devices.

The viewer leverages WebXR technology to enable augmented reality experiences on compatible devices, allowing users to place and interact with 3D splat models in their real-world environment. On desktop, it provides traditional 3D navigation controls for exploring scenes.

This demo showcases the viewer with test files in different formats. All three formats (test.splat, test.sog, and test.ply) are displayed simultaneously in separate containers below.

Interaction Instructions

Desktop Mode

  • Left-click + drag: Rotate camera around the scene
  • Right-click + drag: Pan the camera view
  • Scroll wheel: Zoom in and out
  • Touch gestures: Multi-touch supported on touch devices

AR Mode (Mobile)

  • Tap screen: Place splat on detected floor surface
  • Single-finger drag (lower 2/3): Translate splat on ground
  • Single-finger drag (upper 1/3): Rotate splat around Y-axis
  • Two-finger pinch: Scale the splat model
  • Exit button: Return to desktop viewing mode
SatsumaVase.splat
SatsumaVase.sog
SatsumaVase.ply

Browser Compatibility

AR Mode Support

Platform Browser AR Support Notes
Android Chrome/Edge ✅ Full Support Recommended platform for AR
Android Samsung Internet ✅ Full Support WebXR enabled by default
Android Firefox ⚠️ Limited May have compatibility issues
iOS Safari ❌ Not Supported WebXR not available on iOS
iOS Chrome/Edge ❌ Not Supported Uses Safari engine (no WebXR)
Desktop Chrome/Edge ⚠️ Experimental Limited AR device support
Desktop Firefox ❌ Not Supported No WebXR AR support

Desktop Viewing Mode

Platform Browser Support Notes
Windows Chrome/Edge ✅ Full Support Recommended browser
Windows Firefox ✅ Full Support Full WebGL 2.0 support
macOS Safari ✅ Full Support Native WebGL support
macOS Chrome/Edge ✅ Full Support Optimal performance
Linux Chrome/Edge ✅ Full Support Full feature support
Linux Firefox ✅ Full Support Full feature support