I have been exploring ways to create a seamless transition between two panoramic cube images in order to achieve a walk-through effect within a room. Utilizing this example as a starting point, I have set up the Scene, Camera, and Mesh SkyBox. My current focus is on finding the best method for smoothly transitioning from one cube image to another, creating the illusion of the user moving through the space.
One idea I had was to incorporate a second Scene and Camera. This way, the old image could zoom in and fade out while the new image simultaneously zooms in and fades in, resulting in a fluid transition. However, I encountered difficulties with rendering both images concurrently:
renderer.clear();//multi-scene
if(sceneA && cameraA)
renderer.render( sceneA, cameraA );
renderer.clearDepth();
renderer.render( sceneB, cameraB );
Even if I resolve this issue, I am reconsidering whether this approach is optimal. I am interested in experimenting with texture transitioning as an alternative solution. Unfortunately, I have not been able to find examples or guidance on how to implement this technique.
Can anyone advise on how to smoothly transition from one visible cube image (texture) to another using scenes or different texture sources?