# Position between camera and model

**URL:** <https://forum.babylonjs.com/t/position-between-camera-and-model/4568>\
**Category:** Questions\
**Created:** [July 17, 2019, 11:02am UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568 "2019-07-17T11:02:54Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ranwei-001](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ranwei-001/32/1656_2.png) [@ranwei-001](https://forum.babylonjs.com/u/ranwei-001)\
**Post date:** [July 17, 2019, 11:02am UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568/1 "2019-07-17T11:02:54Z")

</div>

This is a math problem, when I click on the model, how to set up the position of the camera close to click on the model, but it won’t stick on the model, and only in the front, even if my camera in the back of the model, click on the grid, the chance to return to the front of the grid, and within a difference, and the grid keep a certain distance, toward the grid and when I press the F key, the camera back to the point of birth  
[https://www.babylonjs-playground.com/#MECK03#9](https://www.babylonjs-playground.com/#MECK03#9) that’s the PG I borrowed@ [  
JohnK](https://forum.babylonjs.com/u/JohnK)  
[https://youtu.be/ZrbBFn8ydSk](https://youtu.be/ZrbBFn8ydSk)  
is similar to this function, but it cannot rotate the front of the model and look at the model after clicking on the model,And, I how to implement by double-clicking, I saw, PointerEventTypes. POINTERTAP.It doesn’t seem to work or he didn’t execute it

---

<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 17, 2019, 1:08pm UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568/2 "2019-07-17T13:08:24Z")

</div>

Is it not similar to your previous question with the bounding boxes ? I am having trouble to understand the difference.

Basically you want to move your camera towards a selected hotspot and then let a navigation around it ? if it is the case, why not relying on Arc rotate and changing the target + radius to be where it fits the best ?

---

<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 17, 2019, 1:09pm UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568/3 "2019-07-17T13:09:49Z")

</div>

[Smooth Target Transition with a Smooth Move to target](https://forum.babylonjs.com/t/smooth-target-transition-with-a-smooth-move-to-target/4295/6) is an example of moving the target

---

<div class="post-metadata">

**Author:** ![ranwei-001](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ranwei-001/32/1656_2.png) [@ranwei-001](https://forum.babylonjs.com/u/ranwei-001)\
**Post date:** [July 17, 2019, 1:09pm UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568/4 "2019-07-17T13:09:58Z")

</div>

[http://www.hightopo.com/demo/Simple3DEditor/index.html](http://www.hightopo.com/demo/Simple3DEditor/index.html)  
It looks like this

---

<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 17, 2019, 1:10pm UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568/5 "2019-07-17T13:10:58Z")

</div>

Is it what you want or what you have with an issue ? if it is what you already have, what is the issue ?

---

<div class="post-metadata">

**Author:** ![ranwei-001](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ranwei-001/32/1656_2.png) [@ranwei-001](https://forum.babylonjs.com/u/ranwei-001)\
**Post date:** [July 17, 2019, 1:12pm UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568/6 "2019-07-17T13:12:32Z")

</div>

I want to do something like click, but I don’t know what to do in Babylon

---

<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 17, 2019, 1:13pm UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568/7 "2019-07-17T13:13:27Z")

</div>

So this might help you: [https://www.babylonjs-playground.com/#7B4S6A#3](https://www.babylonjs-playground.com/#7B4S6A#3)

---

<div class="post-metadata">

**Author:** ![ranwei-001](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ranwei-001/32/1656_2.png) [@ranwei-001](https://forum.babylonjs.com/u/ranwei-001)\
**Post date:** [July 17, 2019, 3:35pm UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568/8 "2019-07-17T15:35:19Z")

</div>

I seem to have to create a TransformNode, and then add my camera to the back of the mesh, so I click on the model, and I want it to rotate right in front of the inverted model

---

<div class="post-metadata">

**Author:** ![ranwei-001](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ranwei-001/32/1656_2.png) [@ranwei-001](https://forum.babylonjs.com/u/ranwei-001)\
**Post date:** [July 17, 2019, 3:40pm UTC](https://forum.babylonjs.com/t/position-between-camera-and-model/4568/9 "2019-07-17T15:40:37Z")

</div>

Another question is, I seem to have to set the camera to rotate, right?Let’s say I also want the camera to move up, down, back and forth, left and right through the buttons instead of rotating it through the arrow keys
