MeshPhysicalMaterial's transmission property is broken on WebGPU API

Any advice on how to get this Three.js MeshPhysicalMaterial example to work with the WebGPURenderer? three.js examples

I am using:
renderer = new WebGPURenderer( { antialias: true } );
instead of renderer = new THREE.WebGLRenderer( { antialias: true } );, but the renderer seems to be ignoring the transmission parameter.

WebGLRenderer:

WebGPURenderer:

I also tried using the wrapper MeshPhysicalNodeMaterial, but to no avail.

There is an official example from three.js using MeshPhysicalMaterial and WebGPU API, so I think the main problem is really the transmission parameter.

Any suggestions from the Three.js devs?

1 Like

Transmission is not yet supported with WebGPURenderer (r156).