Broken environment reflections when using render to texture

[MAG-AdrianMeredith]

Description

When rendering a model with a secondary camera into a renderTarget, the reflections are broken.

I was able to reproduce this using a totally clean checkout against latest main and v2.1.0. Weirdly enough the same code running on the examples website seems to work???

Steps to Reproduce

1. load the examples app locally
2. load up the render to texture example
3. load a model with shiny parts

and add ContainerHandler + Basis
4. See that the model in the render to textures is super shiny and totally broken

[mvaligursky]

Interestingly this seems to work on WebGPU for me, only the WebGL has the issue.

[mvaligursky]

If I comment out this line from the example, all is fine. Need to investigte:

        // flipY: !app.graphicsDevice.isWebGPU,

[mvaligursky]

Learnings as I investigate this:

• it happens on both WebGL and WebGPU, if we set flipY to true on the render target. The issue is related to the flipping. We currently do the flipping by mirroring the projection matrix along the Y.
• The issue comes from fresnel calculation. We do this:

dReflection.rgb *= getFresnel(
    dot(dViewDirW, litArgs_worldNormal), litArgs_gloss, litArgs_specularity
);

If I comment out this block, both rendering's match. So the problem is the fresnel term is incorrect in the texture. Could be either problem with viewDir, or with worldNormal.

[mvaligursky]

passing -litArgs_worldNormal to that function instead of litArgs_worldNormal solves this. Just need to figure out a generic solution, other implications.