All Projects → dtysky → webgpu-renderer

dtysky / webgpu-renderer

Licence: MIT License
A simple renderer implemented by WebGPU, includes a builtin path tracing pipeline.

Programming Languages

typescript
32286 projects
HTML
75241 projects

Projects that are alternatives of or similar to webgpu-renderer

LuisaRender
High-Performance Multiple-Backend Renderer Based on LuisaCompute
Stars: ✭ 47 (-61.48%)
Mutual labels:  renderer, ray-tracing, path-tracing
webrays
WebRays - Ray Tracing on the Web
Stars: ✭ 38 (-68.85%)
Mutual labels:  ray-tracing, path-tracing
LumillyRender
Monte Carlo path tracing implementation on Rust
Stars: ✭ 36 (-70.49%)
Mutual labels:  ray-tracing, path-tracing
Diligentengine
A modern cross-platform low-level graphics library and rendering framework
Stars: ✭ 2,142 (+1655.74%)
Mutual labels:  renderer, ray-tracing
smallpt
☀️ The Rosetta smallpt (small path tracing) project
Stars: ✭ 68 (-44.26%)
Mutual labels:  ray-tracing, path-tracing
GoldenSun
A path tracer based on hardware ray tracing
Stars: ✭ 20 (-83.61%)
Mutual labels:  ray-tracing, path-tracing
Voxel Cone Tracing
A real-time global illumination implementation using voxel cone tracing. Implemented in C++ and GLSL.
Stars: ✭ 555 (+354.92%)
Mutual labels:  renderer, ray-tracing
Photon-v2
A program that takes photographs of a virtual world.
Stars: ✭ 75 (-38.52%)
Mutual labels:  renderer, ray-tracing
ray-tracer
A simple ray tracing engine
Stars: ✭ 27 (-77.87%)
Mutual labels:  ray-tracing, path-tracing
AyaRay
A Modern C++ Windows-platform physically based renderer developing by Chang Yu.
Stars: ✭ 29 (-76.23%)
Mutual labels:  renderer, ray-tracing
rendering-fw
Rendering framework with rasterizers & path tracers implemented using Vulkan, OptiX & OpenGL
Stars: ✭ 81 (-33.61%)
Mutual labels:  ray-tracing, path-tracing
webgpu recorder
WebGPU debugging tool for recording and playing back of WebGPU commands.
Stars: ✭ 15 (-87.7%)
Mutual labels:  webgpu
deno desktop
Windowing support for Deno WebGPU.
Stars: ✭ 49 (-59.84%)
Mutual labels:  webgpu
wonnx
A GPU-accelerated ONNX inference run-time written 100% in Rust, ready for the web
Stars: ✭ 160 (+31.15%)
Mutual labels:  webgpu
Nabla
OpenGL/OpenGL ES/Vulkan/CUDA/OptiX Modular Rendering Framework for PC/Linux/Android
Stars: ✭ 235 (+92.62%)
Mutual labels:  path-tracing
currender
Currender: A CPU renderer for computer vision
Stars: ✭ 26 (-78.69%)
Mutual labels:  renderer
tracer
Renderer using C++, Embree and USD to achieve Path Tracing techniques on the CPU
Stars: ✭ 40 (-67.21%)
Mutual labels:  path-tracing
bisml
Implementation of the paper: Adaptive BRDF-Oriented Multiple Importance Sampling of Many Lights
Stars: ✭ 26 (-78.69%)
Mutual labels:  path-tracing
webgpu-seed
🔺🌱 An example on how to render a hello triangle with WebGPU.
Stars: ✭ 178 (+45.9%)
Mutual labels:  webgpu
php-quill-renderer
Render quill insert deltas to HTML, Markdown and GitHub flavoured Markdown
Stars: ✭ 117 (-4.1%)
Mutual labels:  renderer

webgpu-renderer & path-tracing

A simple renderer implemented by WebGPU, includes a builtin path tracing pipeline.

Path tracing demo

demo

Check here: Path tracing demo

You must use the lasted version of Chrome Canary and enable the flag --enable-unsafe-webgpu.

Development

First clone this repository, the:

npm i

npm run dev

Then open url http://127.0.0.1:8888 in your chrome canary.

Tutorials

Chinese only now.

  1. 概览介绍:将会对整个项目涉及的知识做一个综述。
  2. WebGPU基础与简单渲染器:通过自己实现的一个简单渲染器来论述WebGPU的能力。
  3. 路径追踪-场景数据组织:针对路径追踪,如何组织场景数据,涉及到PBR材质、glTF、场景合并等。
  4. 路径追踪-管线组织与GBuffer:针对路径追踪,如何组织渲染管线,同时论述GBuffer的生成。
  5. 路径追踪-BVH与射线场景求交插值:如何构建BVH,以及如何在CS中求交。
  6. 路径追踪-BRDF与蒙特卡洛积分:论述如何在路径追踪中运用蒙特卡洛采样实现直接光照和间接光照,以及运用BRDF光照模型。
  7. 路径追踪-降噪与色调映射:如何对充满噪点的图像进行空间和时间的滤波,最后输出如何进行色调映射。
  8. 踩坑与调试心得:对于WebGPU这样一个实验性的API(至少当时),我是如何进行调试的血泪史(主要是CS部分)。

License

Copyright © 2021, 戴天宇, Tianyu Dai (dtysky < [email protected] >). All Rights Reserved. This project is free software and released under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].