Recently, I have been exploring ways to create a smooth transition between different areas in THREE.JS.
After some experimentation, I have come up with a method that I find quite effective. It involves manipulating the scene's fog by increasing its density until everything fades away, and then gradually fading it out once the scene changes are complete.
While this technique has proven to be successful in creating a seamless fade effect without using a traditional black 'curtain', one issue I have encountered is that the normal materials in the scene do not fade along with everything else.
At this point, I am considering using a different approach, such as implementing a black curtain, unless there is a technique that someone can suggest that addresses this problem. I am willing to share my code if needed, but I believe this question may not require it.
Thank you for taking the time to read this!