Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cvlab-epfl/gaussian-splatting-web
https://github.com/cvlab-epfl/gaussian-splatting-web
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/cvlab-epfl/gaussian-splatting-web
- Owner: cvlab-epfl
- License: apache-2.0
- Created: 2023-08-22T13:14:19.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-13T18:06:45.000Z (8 months ago)
- Last Synced: 2024-05-27T17:05:43.553Z (5 months ago)
- Language: TypeScript
- Size: 1.11 MB
- Stars: 515
- Watchers: 18
- Forks: 32
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-3dgs - WebGL Viewer 2
- awesome-gaussian-splatting - WebGPU viewer
- awesome-3D-gaussian-splatting - WebGPU Viewer 1
README
# WebGPU viewer for Gaussian Splatting nerfs
This repository contains the source for an interactive web viewer of NeRFs crated with the code available from [INRIA](https://github.com/graphdeco-inria/gaussian-splatting). The app with instructions is hosted at [jatentaki.github.io](https://jatentaki.github.io/portfolio/gaussian-splatting/).
## Building
This project has been created using **webpack-cli**. Before the first build, go to the code directory and execute `npm install` to install dependencies.
Afterwards, you can use
```
npm run build
```
to bundle the application or
```
npm run serve
```
to have a live-updating server.
## Browser compatibility
The official compatiblity table of WebGPU can be found [here](https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API#browser_compatibility). In practice, the following are known to work:
**MacOS**: works with recent (version 115+) Chrome/Chromium browsers.
**Windows**: works with Edge 116+, most likely with Chrome/Chromium as well (it's the same thing but I was not able to test).
**Ubuntu**: works with Chrome dev version and custom flags. The steps are as follows:
1. Download and install [Chrome dev](https://www.google.com/chrome/dev/).
2. Launch from command line with extra flags: `google-chrome-unstable --enable-features=Vulkan,UseSkiaRenderer`.
3. Go to `chrome://flags/#enable-unsafe-webgpu` and enable webgpu. Restart the browser for the change to take effect, make sure to use the flags from the previous step as well.
4. The Gaussian viewer should work.
**Firefox**: the nightly channel is supposed to support webGPU experimentally but in practice it fails on parsing my shaders across MacOS/Ubuntu.
> If you succeed with any other configuration or fail with the ones described above, please [open an issue](https://github.com/cvlab-epfl/gaussian-splatting-web/issues) and tell us.
## Architecture
Unlike the original paper, this code doesn't use computer shaders to compute each pixel value independently but instead maps the problem to a standard rasterization technique, where each Gaussian is a flat rectangle facing the camera, with the actual content drawn via a fragment shader. I found this approach to yield substantially better framerates than compute shaders, although both are available in WebGPU.
This was my first substantial webdev project, therefore the code is far from idiomatic. I'm happy to receive PRs both to improve performance and to clean up the codebase.