Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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...

pissang1's profile picture

Yi Shen

10,069 subscribers

35,524 Aufrufe • vor 10 Tagen •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

21 Kommentare

Profilbild von Yi Shen
Yi Shenvor 10 Tagen

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)

Profilbild von Atul Mourya
Atul Mouryavor 10 Tagen

Congratulations on the launch 🎉👏!!

Profilbild von Yi Shen
Yi Shenvor 10 Tagen

Thank you Atul!

Profilbild von Sameh Khamis
Sameh Khamisvor 10 Tagen

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

Profilbild von Yi Shen
Yi Shenvor 9 Tagen

Luckily, AI made this a lot easier

Profilbild von Tony Rick
Tony Rickvor 10 Tagen

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

Profilbild von schmarante
schmarantevor 9 Tagen

Awesome! Well done!

Profilbild von Umar
Umarvor 10 Tagen

Huge!

Profilbild von herbst
herbstvor 10 Tagen

Congrats on the launch! 🚀

Profilbild von Yi Shen
Yi Shenvor 9 Tagen

Thanks! 🙌

Profilbild von Antony Adhiban
Antony Adhibanvor 10 Tagen

made with mutracer

Profilbild von Yi Shen
Yi Shenvor 9 Tagen

🔥

Profilbild von Jimi Barkway
Jimi Barkwayvor 10 Tagen

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

Profilbild von Kyle Sullivan
Kyle Sullivanvor 10 Tagen

very cool!

Profilbild von Anderson Mancini
Anderson Mancinivor 10 Tagen

This is GORGEOUS, mate. Congratulations on the launch!

Profilbild von Yi Shen
Yi Shenvor 9 Tagen

Thanks, Anderson! Really appreciate it! ❤️

Profilbild von trollied
trolliedvor 10 Tagen

Wow.

Profilbild von Ademola
Ademolavor 10 Tagen

Thanks for sharing 🔥

Profilbild von INGENIUMOWL
INGENIUMOWLvor 10 Tagen

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

Profilbild von anish
anishvor 10 Tagen

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?

Profilbild von Atif Torlakovic
Atif Torlakovicvor 9 Tagen

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

Ähnliche Videos

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

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 Aufrufe • vor 9 Monaten

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:
0:30

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 Aufrufe • vor 3 Monaten

🌊: 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
1:55

🌊: 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 Aufrufe • vor 9 Monaten

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
0:22

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 Aufrufe • vor 3 Monaten

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
0:51

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 Aufrufe • vor 11 Monaten

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
0:31

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 Aufrufe • vor 1 Jahr

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.
1:05

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 Aufrufe • vor 7 Monaten

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.
0:34

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 Aufrufe • vor 3 Monaten

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

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 Aufrufe • vor 1 Jahr

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
0:30

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 Aufrufe • vor 3 Monaten

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.
0:31

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 Aufrufe • vor 7 Tagen

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!
0:22

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 Aufrufe • vor 1 Jahr

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
0:35

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 Aufrufe • vor 3 Jahren

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.
0:35

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 Aufrufe • vor 1 Jahr

🚀 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. 🧵
0:44

🚀 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 Aufrufe • vor 4 Monaten

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.
1:22

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 Aufrufe • vor 2 Monaten

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
0:38

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 Aufrufe • vor 8 Monaten

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
0:25

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 Aufrufe • vor 8 Monaten

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

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 Aufrufe • vor 2 Monaten