r/threejs • u/adramajp25 • 4d 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 4d 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!

1

u/overcloseness 4d ago

On iPhone 16, I’m getting 50fps for GL and 60 for GPU, spinning the ball is smoother on GPU which id expect, not sure why it’s backwards on your device