Transition in Photodome like in Google maps Street view

[DarkHorse]

Hello there,
I am trying to create transition effect between photodomes.
When we click on any marker/hotspots, Effect should be in such a way that user should feel like he/she is actually travelling there; just like in Google maps street view.
I am attaching the reference just in case.

[You can try by yourself]

I have created a Playground for testing.
Till now, I’ve tried by changing texture’s uScale & camera’s FOV, but i cannot get that effect.

Thank you for the help!

[Tricotou]

I have a good idea of how you could do this, but best would be if you can share a Playground with actual matching photodomes

Otherwise transitionning smoothly from this :

To this :

Is indeed quite a challenge

---

The solution I have in mind is :

• Creating multiple photodomes and actually moving the camera from the one to another
• Animating alpha of photodomes for a perfect fading while camera is moving

[DarkHorse]

Hey @Tricotou,
Sorry for the delayed response; it’s Diwali here in India!

Here’s the updated Playground.

Let me know if there’s anything else you need. I’m also working on it from my end and will keep you posted if I find any other solutions.

Thanks for the help!

[mawa]

Hi,
Did you search the forum a little. Not the first time we have something alike.
Before spending too much time on it trying to work your own from scratch, may be worth checking on the solution from :

What does it take to create a 360 tour like this?

For transitioning between points of view, I recommend keeping the camera where it is and replacing the photodome. You can use a simple blur effect or a fade to back to hide the switch from the user. Or you can use an animation as I did in this PG I used a motion animation effect where I create a photosphere behind the hotspot and then animate it toward the camera while animating the current photosphere to a position opposite the hotspot. I throw in a little blur and it creates a nice effect ta…

may be combined with:

PhotoDome: FOV Zoom to Cursor

ok I think I find : const y = yaw - yawA; const y = pitch- pitchA; were not normalized betwen -pi and pi. Can you try this new one :

There must be something that can be achieved around these parts

[samuelgirardin]

Hello, I did too a small poc by moving dome to dome (a video is embed in the post) :

Oculus quest - test/poc - 360 walkthrough

Hi, I just want to share with you a footage of a 2021 VR poc (very very alpha version) I developed with bjs. It was quite fun to work on, maybe a little annoying to debug : put & remove the headset 50 times a day [oculus quest2 360 shopping] sam

[DarkHorse]

Hello @mawa ,
Yes, I searched for solution on forum before but didn’t found any existing solution. so I go ahead & raised the question.
I saw the references you shared & yes! this is exactly what i wanted.
Thank you for the solution.
Also, Thank you @samuelgirardin I’ll definitely have a look into that.

[mawa]

I’m glad you (are about to) find your way around this.
Would you kindly mark @samuelgirardin for the solution. All I did is soak-up and share the link with you … Actually, that’s what I do best

Meanwhile, have a great day