How to create a dimension transition similar to the Cocoon game with spherical worlds?

Hi everyone,

I’m working on a project in Three.js and I would like to create a transition animation between two spherical worlds, similar to what you see in the Cocoon game. In that game, the player moves between different “dimensions” inside spheres, with smooth transitions that appear like a blend between scenes, creating a very fluid and natural effect.

My question is:

  1. What is this type of animation or transition called?
  2. Does anyone know of any tutorials or have ideas on how I can achieve something similar in Three.js?

I’m looking for a way to make the camera (or scene) move smoothly between the spheres without any sudden jumps, with a gradual effect blending the textures or scenes during the transition.

Any suggestions or guidance would be greatly appreciated. Thanks in advance!

Hi!
For some ideas: Why the scene don't update? - #3 by prisoner849

1 Like