Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

My WebGPU path tracer is open source! 🎉 Physically based rendering, running right in your browser. MIT licensed. - WebGPU compute shader path tracing, with WebGL 2 fallback - Two-level BVH built using parallel Web Workers, based on TinyBVH. A 4.6M-triangle scene's BVH builds in just 0.5s on my... show more

Yi Shen

10,069 subscribers

35,524 views • 10 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

21 Comments

Yi Shen10 days ago

Try the viewer! Drag and drop a glTF model 👇 The 4.6M-triangle LEGO Bugatti from Sketchfab: by VTX (CC BY-NC-SA 4.0)

Atul Mourya10 days ago

Congratulations on the launch 🎉👏!!

Yi Shen10 days ago

Thank you Atul!

Sameh Khamis10 days ago

Thank you for sharing! Did you rewrite the same shaders twice to avoid TSL? (cannot blame you!)

Yi Shen9 days ago

Luckily, AI made this a lot easier

Tony Rick10 days ago

path tracing in a browser tab, that's the fun part 🔥

schmarante9 days ago

Awesome! Well done!

Umar10 days ago

Huge!

herbst10 days ago

Congrats on the launch! 🚀

Yi Shen9 days ago

Thanks! 🙌

Antony Adhiban10 days ago

made with mutracer

Yi Shen9 days ago

🔥

Jimi Barkway10 days ago

Browser-native rendering is moving from demo to real tool. The WebGPU fallback plus worker-built BVH makes this feel practical.

Kyle Sullivan10 days ago

very cool!

Anderson Mancini10 days ago

This is GORGEOUS, mate. Congratulations on the launch!

Yi Shen9 days ago

Thanks, Anderson! Really appreciate it! ❤️

trollied10 days ago

Wow.

Ademola10 days ago

Thanks for sharing 🔥

INGENIUMOWL10 days ago

MIT and a WebGL 2 fallback. That makes it easy to actually try.

anish10 days ago

an mit licensed webgpu path tracer with a webgl2 fallback is genuinely useful. how much did the two level bvh help compared to a single flat one?

Atif Torlakovic9 days ago

Wow nice work, I was looking for something like this exactly ^^ really nice work!

Related Videos

SDF raytracing in a browser. WebGPU, SDF is 256x256x256, the build is done on the GPU using 2-level BVH (TLAS+BLAS).

SDF raytracing in a browser. WebGPU, SDF is 256x256x256, the build is done on the GPU using 2-level BVH (TLAS+BLAS).

Alex Goldring

31,284 views • 9 months ago

I built an opensource fully procedural ivy & fig tree generator🌿that runs in your browser using Three.js . Every vine, leaf, and branch is generated in real time, with no pre-made models. WebGPU renderer, GPU instancing & BVH-accelerated raycasting ... Source code:

I built an opensource fully procedural ivy & fig tree generator🌿that runs in your browser using Three.js . Every vine, leaf, and branch is generated in real time, with no pre-made models. WebGPU renderer, GPU instancing & BVH-accelerated raycasting ... Source code:

Chiro Visuals

18,405 views • 3 months ago

🌊: Ever wondered what cutting-edge physics simulation looks like in the browser? Check out saharan / さはら's collection at - Realistic water droplets with WebAssembly SIMD - Interactive fluffy ball sim using GPGPU - Coupled cloth and fluid dynamics in real-time - A digital clock powered by a custom physics engine Saharan built everything in Haxe using techniques like MLS-MPM and parallel computation. The physical accuracy and performance are exceptional. All MIT-licensed on GitHub. Perfect if you're exploring GPGPU techniques, browser physics, or just want to see what's possible with WebGL/WebGPU. #WebGL #WebGPU #Physics #GameDev #ComputationalPhysics

🌊: Ever wondered what cutting-edge physics simulation looks like in the browser? Check out saharan / さはら's collection at - Realistic water droplets with WebAssembly SIMD - Interactive fluffy ball sim using GPGPU - Coupled cloth and fluid dynamics in real-time - A digital clock powered by a custom physics engine Saharan built everything in Haxe using techniques like MLS-MPM and parallel computation. The physical accuracy and performance are exceptional. All MIT-licensed on GitHub. Perfect if you're exploring GPGPU techniques, browser physics, or just want to see what's possible with WebGL/WebGPU. #WebGL #WebGPU #Physics #GameDev #ComputationalPhysics

WebGL / WebGPU

14,778 views • 9 months ago

Using Fable 5 to add fur and a new voice to my RL creature. The voice is based on the neural network activation (pictured top left). Made with Three.js WebGL / WebGPU Runpod trained with JAX and MuJoCo from Google DeepMind

Using Fable 5 to add fur and a new voice to my RL creature. The voice is based on the neural network activation (pictured top left). Made with Three.js WebGL / WebGPU Runpod trained with JAX and MuJoCo from Google DeepMind

Aaron Lemke

187,855 views • 3 months ago

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 views • 11 months ago

Almost done with the interaction of my WebGPU fluid simulation! After testing BVH geometry and marching cubes with compute shaders, I chose raymarching for hands interaction & rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for <2ms. #threejs

Almost done with the interaction of my WebGPU fluid simulation! After testing BVH geometry and marching cubes with compute shaders, I chose raymarching for hands interaction & rendering. It adapts well with MLS-MPM and enables precise interaction in real-time for <2ms. #threejs

Renaud

10,095 views • 1 year ago

WebGPU is INSANE! 🤯 Here's a 24B parameter model running locally in a web browser, at a blazing ~50 tokens/second on my M4 Max. ⚡️ It's the largest model we've ever run with Transformers.js... and we're not stopping here. Big announcement soon.

WebGPU is INSANE! 🤯 Here's a 24B parameter model running locally in a web browser, at a blazing ~50 tokens/second on my M4 Max. ⚡️ It's the largest model we've ever run with Transformers.js... and we're not stopping here. Big announcement soon.

Xenova

36,309 views • 7 months ago

Search any location and millions of voxels reconstruct it in real-time.🤯All running inside a browser tab with WebGPU. Made with Omma AI, using Three.js.

Search any location and millions of voxels reconstruct it in real-time.🤯All running inside a browser tab with WebGPU. Made with Omma AI, using Three.js.

Gábor Pribék

20,542 views • 3 months ago

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :

Kevin Levron

25,661 views • 1 year ago

Our voxel engine rendering technique heavily uses levels of details to try and keep high performance in the browser! Made with Three.js on #webgpu

Our voxel engine rendering technique heavily uses levels of details to try and keep high performance in the browser! Made with Three.js on #webgpu

AresRPG - The Sui MMORPG

14,893 views • 3 months ago

This entire ocean is a 61 KB HTML file. Built with Claude Code + Opus 5.5 in about 30 minutes, according to its creator. It runs in the browser using WebGPU: FFT waves, whitecaps, sun glitter, a physically based sunset sky with clouds, and a free-flying camera. No game engine or rendering library. Claude rendered screenshots in headless Chrome, then had separate subagents critique them. The creator gave feedback along the way, mainly on the clouds. The 61 KB build is minified and self-contained. Download it, open it in Chrome with WebGPU support, and explore with WASD.

This entire ocean is a 61 KB HTML file. Built with Claude Code + Opus 5.5 in about 30 minutes, according to its creator. It runs in the browser using WebGPU: FFT waves, whitecaps, sun glitter, a physically based sunset sky with clouds, and a free-flying camera. No game engine or rendering library. Claude rendered screenshots in headless Chrome, then had separate subagents critique them. The creator gave feedback along the way, mainly on the clouds. The 61 KB build is minified and self-contained. Download it, open it in Chrome with WebGPU support, and explore with WASD.

Jurly

885,837 views • 7 days ago

Working on an ultra-fast SDF Texts. Instance culling via compute shader & indirect-draw is just a drop-in piece. Everything reuses and connects. Made with TSL, Threejs Plus will bring a whole new level of performance into the Web that wasn't possible before WebGPU! Stay tuned!

Working on an ultra-fast SDF Texts. Instance culling via compute shader & indirect-draw is just a drop-in piece. Everything reuses and connects. Made with TSL, Threejs Plus will bring a whole new level of performance into the Web that wasn't possible before WebGPU! Stay tuned!

Renaud

22,151 views • 1 year ago

As promised, more insights on the webgl raytracer. It is based on this article/paper by Tero Karras: It uses Morton code to build a BVH binary radix tree on the GPU in realtime. #webgl #bvh #raytracing

As promised, more insights on the webgl raytracer. It is based on this article/paper by Tero Karras: It uses Morton code to build a BVH binary radix tree on the GPU in realtime. #webgl #bvh #raytracing

Nicolas Riciotti

44,097 views • 3 years ago

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.

Softbodies by holtsetio Realtime Tetrahedral FEM Models in the Browser, using WebGPU and written in TSL. Based on the WebGL implementation in TetSim by Johnathon Selstad, upgraded to enable collisions.

Three.js

25,516 views • 1 year ago

🚀 Major upgrades just landed in SuperSplat, the free and open source platform for 3D Gaussian splatting. Here is a 24-MILLION-Gaussian scan streaming live to a web browser. Near instant load time. Solid 60 fps. How? A new compute-based WebGPU renderer + automatic LOD streaming. 🧵

🚀 Major upgrades just landed in SuperSplat, the free and open source platform for 3D Gaussian splatting. Here is a 24-MILLION-Gaussian scan streaming live to a web browser. Near instant load time. Solid 60 fps. How? A new compute-based WebGPU renderer + automatic LOD streaming. 🧵

PlayCanvas

58,302 views • 4 months ago

This doesn't feel like it should be possible. Muse Glimmer 30B can now run locally in your browser on WebGPU... at the same speed as llama.cpp (~25 tok/s on my M4 Max)! Just open a website. No installation required.

This doesn't feel like it should be possible. Muse Glimmer 30B can now run locally in your browser on WebGPU... at the same speed as llama.cpp (~25 tok/s on my M4 Max)! Just open a website. No installation required.

Xenova

21,559 views • 2 months ago

Left: Normal ASCII shader Right: Shape-aware ASCII shader ASCII characters are chosen based on their shape, so you get clearer edges Vectors are calculated and compared with WebGPU compute shaders It's based on an altered version of Alex Harri's approach. I'll link below

Left: Normal ASCII shader Right: Shape-aware ASCII shader ASCII characters are chosen based on their shape, so you get clearer edges Vectors are calculated and compared with WebGPU compute shaders It's based on an altered version of Alex Harri's approach. I'll link below

abdullah

306,691 views • 8 months ago

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu

Verekia | ManaBlade.com

14,915 views • 8 months ago

working on a physical water and sky system for my zamta.io - FILMBRAIN & WORLDFOLD worldfold engine. browser based with Three.js .

working on a physical water and sky system for my zamta.io - FILMBRAIN & WORLDFOLD worldfold engine. browser based with Three.js .

Benjamin Springer

17,294 views • 2 months ago