# Smooth Target Transition with a Smooth Move to target

**URL:** <https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295>\
**Category:** Questions\
**Created:** [July 4, 2019, 7:25pm UTC](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295 "2019-07-04T19:25:23Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mark\_Quinn](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mark_quinn/32/3207_2.png) [@Mark\_Quinn](https://forum.babylonjs.com/u/Mark_Quinn)\
**Post date:** [July 4, 2019, 7:25pm UTC](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295/1 "2019-07-04T19:25:24Z")

</div>

[https://www.babylonjs-playground.com/#7B4S6A](https://www.babylonjs-playground.com/#7B4S6A)

Hello there wonderful people.

I have a new question. Animation is an area of Babylon Js that I have just started into. It’s really cool and something that is truly beautiful and fun to play with. But not when it’s a little odd. I would really appreciate some help with my code above.

I have diamonds in the scene - once you click on one - the set target of the camera points to that and it animates in(Line 70 +).

I am having trouble with one thing. I’d like the camera target to smoothly transition to the chosen target.

I found this forum page : [http://www.html5gamedevs.com/topic/23563-smooth-settarget/](http://www.html5gamedevs.com/topic/23563-smooth-settarget/), in particular this playground: [https://www.babylonjs-playground.com/#4HUQQ#90](https://www.babylonjs-playground.com/#4HUQQ#90)

This good soul has the smooth transition working (Line 41), but both a smooth transition and a blend is something I’m looking for.

Please can anyone point me in the right direction?

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [July 4, 2019, 8:44pm UTC](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295/2 "2019-07-04T20:44:54Z")

</div>

I think @Pryme8 did something similar recently: [Animate Camera Target](https://forum.babylonjs.com/t/animate-camera-target/3234)

Maybe he could give us a hint ?

---

<div class="post-metadata">

**Author:** ![Mark\_Quinn](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mark_quinn/32/3207_2.png) [@Mark\_Quinn](https://forum.babylonjs.com/u/Mark_Quinn)\
**Post date:** [July 4, 2019, 8:48pm UTC](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295/3 "2019-07-04T20:48:16Z")

</div>

Thank you sebavan - I’m gonna try out what he suggested in the mean time, it looks promising 🙂

---

<div class="post-metadata">

**Author:** ![Mark\_Quinn](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mark_quinn/32/3207_2.png) [@Mark\_Quinn](https://forum.babylonjs.com/u/Mark_Quinn)\
**Post date:** [July 4, 2019, 9:29pm UTC](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295/4 "2019-07-04T21:29:02Z")

</div>

Right I’ve got something good - based on the notes of @Pryme8 - thank you Pryme8. And thank youu @sebavan as you were the compass.

[https://www.babylonjs-playground.com/#7B4S6A#1](https://www.babylonjs-playground.com/#7B4S6A#1)

However this may be a newbie question - but how would I play both at the same time / simultaneously? It would add to a much more beautiful transition and be something likely used by others in future.

---

<div class="post-metadata">

**Author:** ![Mark\_Quinn](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mark_quinn/32/3207_2.png) [@Mark\_Quinn](https://forum.babylonjs.com/u/Mark_Quinn)\
**Post date:** [July 4, 2019, 9:32pm UTC](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295/5 "2019-07-04T21:32:09Z")

</div>

I’m being simple - I just tweaked the settings.

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [July 4, 2019, 9:58pm UTC](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295/6 "2019-07-04T21:58:41Z")

</div>

You could also animate the radius instead of the cam position 🙂  
[https://www.babylonjs-playground.com/#7B4S6A#3](https://www.babylonjs-playground.com/#7B4S6A#3)

---

<div class="post-metadata">

**Author:** ![Pryme8](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/pryme8/32/7212_2.png) [@Pryme8](https://forum.babylonjs.com/u/Pryme8)\
**Post date:** [July 4, 2019, 10:14pm UTC](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295/7 "2019-07-04T22:14:02Z")

</div>

😃

Glad to help!

---

<div class="post-metadata">

**Author:** ![Mark\_Quinn](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mark_quinn/32/3207_2.png) [@Mark\_Quinn](https://forum.babylonjs.com/u/Mark_Quinn)\
**Post date:** [July 4, 2019, 10:39pm UTC](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295/8 "2019-07-04T22:39:53Z")

</div>

hahaha! you made it better!

Slick! I do love this community.
