# Transition in Photodome like in Google maps Street view **URL:** \ **Category:** Questions\ **Tags:** photodome\ **Created:** [October 25, 2024, 8:02am UTC](https://forum.babylonjs.com/t/transition-in-photodome-like-in-google-maps-street-view/54360 "2024-10-25T08:02:40Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![DarkHorse](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/darkhorse/32/42823_2.png) [@DarkHorse](https://forum.babylonjs.com/u/DarkHorse)\ **Post date:** [October 25, 2024, 8:02am UTC](https://forum.babylonjs.com/t/transition-in-photodome-like-in-google-maps-street-view/54360/1 "2024-10-25T08:02:40Z")
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]](https://storage.net-fs.com/hosting/2727323/446/) I have created a [Playground](https://playground.babylonjs.com/#14KRGG#1570) 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! ---
**Author:** ![Tricotou](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tricotou/32/5844_2.png) [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\ **Post date:** [October 25, 2024, 10:08am UTC](https://forum.babylonjs.com/t/transition-in-photodome-like-in-google-maps-street-view/54360/2 "2024-10-25T10:08:02Z")
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 : ![Screenshot from 2024-10-25 12-05-56](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/8/3/836400e0b89ebcb3ac5d84ecf4d9a4bd0d807c37.jpeg) To this : ![Screenshot from 2024-10-25 12-06-01](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/a/2abffecb93a605cb328988b92d681075cb90bdf0.jpeg) 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 ---
**Author:** ![DarkHorse](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/darkhorse/32/42823_2.png) [@DarkHorse](https://forum.babylonjs.com/u/DarkHorse)\ **Post date:** [October 28, 2024, 1:52pm UTC](https://forum.babylonjs.com/t/transition-in-photodome-like-in-google-maps-street-view/54360/3 "2024-10-28T13:52:09Z")
Hey @Tricotou, Sorry for the delayed response; it’s Diwali here in India! 😊 🪔 Here’s the updated [Playground](https://playground.babylonjs.com/#14KRGG#1572). 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! 🤗 ---
**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\ **Post date:** [October 28, 2024, 3:45pm UTC](https://forum.babylonjs.com/t/transition-in-photodome-like-in-google-maps-street-view/54360/4 "2024-10-28T15:45:52Z")
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?](https://forum.babylonjs.com/t/what-does-it-take-to-create-a-360-tour-like-this/48778/6): > > 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](https://playground.babylonjs.com/#5C130B#20) 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](https://forum.babylonjs.com/t/photodome-fov-zoom-to-cursor/40972/18): > > 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 🤔 ---
**Author:** ![samuelgirardin](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/samuelgirardin/32/87_2.png) [@samuelgirardin](https://forum.babylonjs.com/u/samuelgirardin)\ **Post date:** [October 28, 2024, 4:40pm UTC](https://forum.babylonjs.com/t/transition-in-photodome-like-in-google-maps-street-view/54360/5 "2024-10-28T16:40:01Z")
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](https://forum.babylonjs.com/t/oculus-quest-test-poc-360-walkthrough/34741): > > 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 grinning[[oculus quest2 360 shopping] ](https://www.youtube.com/watch?v=bs4OD99tJZ0) sam ---
**Author:** ![DarkHorse](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/darkhorse/32/42823_2.png) [@DarkHorse](https://forum.babylonjs.com/u/DarkHorse)\ **Post date:** [October 28, 2024, 8:09pm UTC](https://forum.babylonjs.com/t/transition-in-photodome-like-in-google-maps-street-view/54360/6 "2024-10-28T20:09:21Z")
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. ---
**Author:** ![mawa](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mawa/32/12384_2.png) [@mawa](https://forum.babylonjs.com/u/mawa)\ **Post date:** [October 29, 2024, 9:48am UTC](https://forum.babylonjs.com/t/transition-in-photodome-like-in-google-maps-street-view/54360/7 "2024-10-29T09:48:07Z")
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 🕶