WebGPURenderer: PMREM

[sunag]

Description

PMREMGenerator for WebGPURenderer version, and pmremTexture( texture, uv, roughness ) TSL function.

webgpu_pmrem_scene

webgpu_pmrem_equirectangular

webgpu_pmrem_cubemap

Example

// simplified

const pmremBackground = pmremTexture( someTexture, normalWorld, pmremRoughness );

// or

const renderTarget = new PMREMGenerator( renderer ).fromEquirectangular( someTexture );
const pmremBackground = pmremTexture( renderTarget.texture, normalWorld, pmremRoughness );

//

scene.backgroundNode = pmremBackground;

[mrdoob]

/fyi @elalish

[elalish]

Very cool! Let me know if you run into any problems with it.

[sunag]

Thanks @elalish , I imagine it was a lot of work create this code originally, I'm trying to follow it as close to the original as possible :)

[elalish]

Thanks @sunag! That was probably my single biggest contribution to PBR, and written with only a few months of JS background, so I apologize if it's a bit hard to follow.

[mrdoob]

Lets move this to the next milestone.

[RenaudRohlinger]

@sunag Pretty sure this PR broke webgpu_cubemap_adjustments, webgpu_cubemap_mix and webgpu_parallax_uv

[sunag]

@RenaudRohlinger It's happening just in WebGLBackend for you too?

[RenaudRohlinger]

It's happening when the device is slow if I understand correctly. WebGPU backend being a lot faster seems to almost always avoid the issue but it does happen sometimes.

[RenaudRohlinger]

The issue was related to unresolved texture in the loaders (slow internet). I updated the example and now handle better this kind of error in #27951