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: 2 months 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 (12 months ago)
• Default Branch: main
• Last Pushed: 2024-01-21T22:15:03.000Z (11 months ago)
• Last Synced: 2024-10-02T08:41:58.404Z (3 months ago)
• Topics: pathtracing, renderer, webgpu
• Language: TypeScript
• Homepage: https://webgpu-pathtracer.vercel.app
• Size: 6.03 MB
• Stars: 7
• Watchers: 2
• Forks: 0
• 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