Embedding a gaussian splat on a website!

Use your mouse to navigate in the animation below!

What is gaussian splat?

Gaussian splatting is a technique used for 3D scene reconstruction and rendering. It represents a scene as a collection of 3D Gaussian ellipsoids instead of traditional polygon meshes or voxel grids. These Gaussians are then projected onto the screen and blended together to create a smooth, photorealistic image.

How I convert my multi-camera work to gaussian splat?

Having worked with multi-camera setups for 14 years, I have experimented extensively with 3D capture techniques. This specific project was created in 2022 using 176 cameras on a single plane (which is why you can’t move above Kim’s head without the scene breaking apart). A few weeks ago, I detailed my process for converting images into Gaussian splats using Postshot.

Why the need to visualize on a web page?

I typically prefer to control the exact motion of my work, as seen in this example: Instagram post. However, there’s something incredibly satisfying about allowing users to manually explore a 3D scene at their own pace. Today, the CEO of PlayCanvas (SuperSplat) shared a tweet showcasing how he navigated through an art piece using SuperSplat. The video speaks for itself!

What is SuperSplat?

How to embed gaussian splat?

Until recently, the only way to embed a Gaussian splat was by manually uploading a PLY file to a web server. However, things have improved significantly! Now, embedding a Gaussian splat is much more streamlined. Simply open the SuperSplat editor, navigate to File → Publish, and you're done! You can either use the default orbit mode (as seen in the example above) or create a custom camera movement.

Final Thoughts

Gaussian splatting is revolutionizing how we visualize 3D scenes, and with tools like SuperSplat, sharing and embedding these experiences online has never been easier.

Link to my post on Supersplat: https://superspl.at/view?id=1c6c9462