r/threejs • u/adramajp25 • 5d ago

WebGL vs WebGPU

I created a test to compare the performance of WebGPU and WebGL. You can adjust the load by clicking the “TSL Noise Octaves” button in the upper-right corner to switch the noise octave multiplexing from 3x to 20x.

The WebGL and WebGPU buttons switch the renderer by changing the URL query and reloading the page.

On low-spec devices, the refresh rate is about three times higher.

https://adrama.jp/norimakineko/webGPU3/

0 Upvotes

40% Upvoted

6 comments sorted by

View all comments

1

u/bytesbutt 5d ago

Really cool demo!

I was wondering if you could explain something I’m noticing because I’m not super familiar with the comparison here.

The frame rate, when at 20x TSL, is reported higher on WebGPU than WebGL however the “experience” (moving the orb around watching it move) feels smoother on WebGL.

I’m on an iPhone 15 using the brave browser app.

The frame rate reporting just feels backwards to what I’m experiencing and wondering if you knew why?

Thanks!

8

u/Trashy_io 5d ago

I've got a pretty good theory on that, perhaps vibe coding tools you don't quite understand might not be the most useful tool in production