Gyro Splat Viewer

中文

Built just to mess around with gyroscope parallax on mobile — a simple Gaussian Splat viewer.

Tech Stack

• Next.js 16 + React 19 + TypeScript
• gaussian-splats-3d — splat rendering
• Three.js — 3D engine
• Tailwind CSS v4

Features

• Renders .ply, .splat, and .ksplat Gaussian Splat files
• Gyroscope-driven parallax on mobile (camera position shifts, view direction stays fixed)
• Progressive loading with a minimal loading UI

Getting Started

npm install
npm run dev

Place your splat file in public/3d-model/ and update the src prop in src/app/page.tsx.

Background

Got way too into Apple's ml-sharp — a tool that turns image sequences into 3D Gaussian Splat scenes — so I built this viewer to actually see the results.

Note: If you're on a MacBook, Google Colab is a handy way to run ml-sharp.