A brief white screen appeared on FadeInOut，how to solve it?

Questions
1

Dear team,

I apologize for reaching out again regarding this matter. I am currently implementing a “fadeOut and fadeIn” transition effect between scenes.

During testing, I encountered an unexpected issue that I have been unable to resolve independently. Specifically, I observed changes in the clearColor of the two scenes when clicking on the canvas. Upon the first click, the fadeOut effect behaved exactly as intended. However, during the second click, the background color (or clearColor) unexpectedly transitioned from black to white during the fadeOut animation, which deviates from the desired behavior.

In my actual project, only the initial scene switch produced the expected result. For all subsequent transitions, the background briefly turned white before rendering the targetScene. Based on this behavior, I suspect that this may be a bug

To the best of my knowledge, only the colors sampled from the two scenes should appear, without any brief white screen display. It is possible that the targetScene was not rendered properly, which may have caused an issue with the sampling process.

gl_FragColor = mix(sceneColor, baseColor, fadeLevel);

Unfortunately, I am unsure how to further explain or resolve this issue, so I would greatly appreciate any guidance or suggestions you could provide.

Best regards

Here is the playground:

2

Here is your fix:

You need to keep rendering the previous scene while transitioning (see the change in your renderloop)

3 Likes
3

Thank you very much. I have also identified the issue in my actual project. I froze both the mesh and material before exiting the scene, which caused the problem.