WebGPU: Mix Two CubeMaps

[sunag]

Related issue: #24038

Description

This example must be used to test NodeMaterial using individual environment maps together on IBL context.

• add webgpu_cubemap_mix example
• Nodes: improve timer

This contribution is funded by Googe via Igalia

[Mugen87]

Examples looks great! I just get the following issue in the browser console:

1 warning(s) generated while compiling the shader:
:123:88 warning: 'dpdy' must only be called from uniform control flow
nodeVar11 = ( ( ( f32( isFront ) * 2.0 ) - 1.0 ) * inverseSqrt( max( dot( ( ( cross( dpdy( nodeVary3.xyz.xyz ), normalize( nodeVary4 ) ) * vec3( dpdx( nodeVary1.xy ).x ) ) + ( cross( normalize( nodeVary4 ), dpdx( nodeVary3.xyz.xyz ) ) * vec3( dpdy( nodeVary1.xy ).x ) ) ), ( ( cross( dpdy( nodeVary3.xyz.xyz ), normalize( nodeVary4 ) ) * vec3( dpdx( nodeVary1.xy ).x ) ) + ( cross( normalize( nodeVary4 ), dpdx( nodeVary3.xyz.xyz ) ) * vec3( dpdy( nodeVary1.xy ).x ) ) ) ), dot( ( ( cross( dpdy( nodeVary3.xyz.xyz ), normalize( nodeVary4 ) ) * vec3( dpdx( nodeVary1.xy ).y ) ) + ( cross( normalize( nodeVary4 ), dpdx( nodeVary3.xyz.xyz ) ) * vec3( dpdy( nodeVary1.xy ).y ) ) ), ( ( cross( dpdy( nodeVary3.xyz.xyz ), normalize( nodeVary4 ) ) * vec3( dpdx( nodeVary1.xy ).y ) ) + ( cross( normalize( nodeVary4 ), dpdx( nodeVary3.xyz.xyz ) ) * vec3( dpdy( nodeVary1.xy ).y ) ) ) ) ) ) );

Tested with Chrome Canary 104.0.5061.0.

[Mugen87]

https://raw.githack.com/sunag/three.js/dev-mix-ibl/examples/webgpu_cubemap_mix.html

[sunag]

@Mugen87 it's recent WebGPU warning. It happens in any example that use NormalMapNode. I think that better merger this and I will create another PR fixing the warning related for all examples.