How to achieve the "Little Planet Intro" animation effect?

I would like to implement a “Little Planet Intro” animation effect in babylonjs, like the example in this link.
https://krpano.com/releases/1.20.11/viewer/krpano.html?xml=examples/demotour-corfu/tour.xml&skin_settings.littleplanetintro=true

I know that babylonjs has an efficient and convenient way to achieve panoramic image roaming, (360 photo dome), but it only has a few adjustable parameters, such as its “FOV adjustment”, which can only be set in the range of 0-2.0, so I would like to know Can babylonjs use 360 photo dome to achive the “Little Planet Intro” effect? Or can it only be achieved in some other way?

I am very much looking forward to your help, thank you!

Maybe @RaananW can help with this.

1 Like

The camera’s FOV can be used with any value that makes sense.

This is a very naive approach, but it does work :slight_smile:
Babylon.js Playground (babylonjs.com)

4 Likes

Wow, fantastic, it’s exactly what I wanted to achieve. Thank you so much for the demonstration.

1 Like