Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 10 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

21 Yorum

Yi Shen profil fotoğrafı
Yi Shen10 gün önce

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 Mourya profil fotoğrafı
Atul Mourya10 gün önce

Congratulations on the launch 🎉👏!!

Yi Shen profil fotoğrafı
Yi Shen10 gün önce

Thank you Atul!

Sameh Khamis profil fotoğrafı
Sameh Khamis10 gün önce

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

Yi Shen profil fotoğrafı
Yi Shen9 gün önce

Luckily, AI made this a lot easier

Tony Rick profil fotoğrafı
Tony Rick10 gün önce

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

schmarante profil fotoğrafı
schmarante9 gün önce

Awesome! Well done!

Umar profil fotoğrafı
Umar10 gün önce

Huge!

herbst profil fotoğrafı
herbst10 gün önce

Congrats on the launch! 🚀

Yi Shen profil fotoğrafı
Yi Shen9 gün önce

Thanks! 🙌

Antony Adhiban profil fotoğrafı
Antony Adhiban10 gün önce

made with mutracer

Yi Shen profil fotoğrafı
Yi Shen9 gün önce

🔥

Jimi Barkway profil fotoğrafı
Jimi Barkway10 gün önce

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

Kyle Sullivan profil fotoğrafı
Kyle Sullivan10 gün önce

very cool!

Anderson Mancini profil fotoğrafı
Anderson Mancini10 gün önce

This is GORGEOUS, mate. Congratulations on the launch!

Yi Shen profil fotoğrafı
Yi Shen9 gün önce

Thanks, Anderson! Really appreciate it! ❤️

trollied profil fotoğrafı
trollied10 gün önce

Wow.

Ademola profil fotoğrafı
Ademola10 gün önce

Thanks for sharing 🔥

INGENIUMOWL profil fotoğrafı
INGENIUMOWL10 gün önce

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

anish profil fotoğrafı
anish10 gün önce

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 Torlakovic profil fotoğrafı
Atif Torlakovic9 gün önce

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

Benzer Videolar

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 görüntüleme • 9 ay önce

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 görüntüleme • 3 ay önce

🌊: 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 görüntüleme • 9 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 7 gün önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

🚀 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 görüntüleme • 4 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 2 ay önce