Combine render360 to create tunnel effect

I have a problem and I can’t figure out how to solve it.
This is the code where I load a 360 image, and every time I click on a button I load a different model.

I would like to make a kind of tunnel from one image to another when I load it, as close as possible to this:

I have read this: “this seems to be the conjunction of a FOV change and a mix between two 360 renders”.

But I don’t really know how to apply it. Can anyone think of anything?

Thank you very much for your help.

This is the effect you get when using fov - Stop & Continue ArcRotation | Babylon.js Playground (

you can technically combine two images (reducing and increasing the fov accordingly), but that really depends on the images themselves and the units between them.