Before/After slider with gaussian splats

Help & Support Gaussian Splatting
1

Hi everyone!

I’d like to create a simple web app in PlayCanvas that displays two Gaussian splat scenes — one on top of the other — and a slider that lets the user reveal the before (the bottom splat) and after (the top splat).

This is meant to visualize a room renovation (e.g., sliding between the old and new versions of the same 3D space).

What would be the best approach to implement this in PlayCanvas?

Thanks!

2

The easiest approach would be to have fixed camera angles and 2 HTML canvases on top of each other. You would simply have 2 applications and switch the camera angle on both at the same time. The sliding thing is just a border drag of the top HTML element to change its size.

1 Like