https://github.com/umar-ahmed/webgpu-pathtracer
✨ A simple pathtracer running in the browser using WebGPU
https://github.com/umar-ahmed/webgpu-pathtracer
pathtracing renderer webgpu
Last synced: about 1 year ago
JSON representation
✨ A simple pathtracer running in the browser using WebGPU
- Host: GitHub
- URL: https://github.com/umar-ahmed/webgpu-pathtracer
- Owner: umar-ahmed
- Created: 2023-12-24T15:29:55.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-30T02:54:56.000Z (over 1 year ago)
- Last Synced: 2025-04-05T14:35:40.662Z (about 1 year ago)
- Topics: pathtracing, renderer, webgpu
- Language: TypeScript
- Homepage: https://webgpu-pathtracer.vercel.app
- Size: 6.13 MB
- Stars: 9
- Watchers: 3
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
WebGPU Pathtracer
✨ A simple pathtracer running in the browser using WebGPU. ✨
Click the image above to see the live demo!
## Features
- [x] 💡 Indirect lighting
- [x] 🫨 Depth of field
- [x] 🎨 Tone-mapping
- [x] 🌫️ Denoising
- [x] 📸 Camera controls
- [x] 🔺 Triangle meshes
- [x] 📦 Bounding volume hierarchies (BVH)
- [x] 🗺️ Environment maps
- [ ] 🪙 PBR materials
- [ ] 🤹 Multiple importance sampling (MIS)
## Getting Started
### Prerequisites
- [Node.js](https://nodejs.org/en/download/) (v18 or higher)
### Installation
1. Clone repo
2. Run `corepack enable` to setup Yarn
3. Run `yarn install` to install dependencies
4. Run `yarn dev` to start the development server
## Credits
Heavily based on:
- https://github.com/visionary-3d/raytracing-bloom-video/
- https://www.youtube.com/watch?v=Qz0KTGYJtUk
- https://webgpu.github.io/webgpu-samples
- https://webgpufundamentals.org/
- https://github.com/gkjohnson/three-gpu-pathtracer
- https://github.com/dmnsgn/glsl-tone-map