# Need help with scale of 3D model

**URL:** <https://discourse.threejs.org/t/need-help-with-scale-of-3d-model/13445>\
**Category:** Questions\
**Tags:** transform\
**Created:** [March 12, 2020, 1:58am UTC](https://discourse.threejs.org/t/need-help-with-scale-of-3d-model/13445 "2020-03-12T01:58:09Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![MenashayAu](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/menashayau/32/9926_2.png) [@MenashayAu](https://discourse.threejs.org/u/MenashayAu)\
**Post date:** [March 12, 2020, 1:58am UTC](https://discourse.threejs.org/t/need-help-with-scale-of-3d-model/13445/1 "2020-03-12T01:58:09Z")

</div>

Hi,  
I am new to three.js.  
I use the gridhelper to draw a grid then I load a gltf model into this grid.  
I add drag controls and I can drag my model. So far so good.  
Trouble is when I move the model it stays at the same scale.  
What I want to do is create the ‘illusion of depth’ that is, when I drag my model towards the ‘end of the grid’ down the back my model will become smaller and smaller.  
Can you help?

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [March 12, 2020, 9:46am UTC](https://discourse.threejs.org/t/need-help-with-scale-of-3d-model/13445/2 "2020-03-12T09:46:15Z")

</div>

What type of camera are you using? Consider to share your app as a [live example](https://jsfiddle.net/f2Lommf5/) or as a github repository.

---

<div class="post-metadata">

**Author:** ![MenashayAu](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/menashayau/32/9926_2.png) [@MenashayAu](https://discourse.threejs.org/u/MenashayAu)\
**Post date:** [March 12, 2020, 10:31pm UTC](https://discourse.threejs.org/t/need-help-with-scale-of-3d-model/13445/3 "2020-03-12T22:31:09Z")

</div>

I am using PerspectiveCamera  
fov:75  
near:1  
far:1000

I already tried to change these values but that did not give me the desired result.

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [March 12, 2020, 10:41pm UTC](https://discourse.threejs.org/t/need-help-with-scale-of-3d-model/13445/4 "2020-03-12T22:41:43Z")

</div>

Any chances to share your code as a live example ([https://jsfiddle.net/f2Lommf5/](https://jsfiddle.net/f2Lommf5/))? Sharing a github repository is also a good idea.

---

<div class="post-metadata">

**Author:** ![MenashayAu](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/menashayau/32/9926_2.png) [@MenashayAu](https://discourse.threejs.org/u/MenashayAu)\
**Post date:** [March 13, 2020, 3:31am UTC](https://discourse.threejs.org/t/need-help-with-scale-of-3d-model/13445/5 "2020-03-13T03:31:02Z")

</div>

My app is using Meteor.js. Here is the code though you will not see the output:  
[https://jsfiddle.net/Menashay/96g5Lnox/9/](https://jsfiddle.net/Menashay/96g5Lnox/9/)

---

<div class="post-metadata">

**Author:** ![makc3d](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/makc3d/32/10452_2.png) [@makc3d](https://discourse.threejs.org/u/makc3d)\
**Post date:** [March 13, 2020, 4:45am UTC](https://discourse.threejs.org/t/need-help-with-scale-of-3d-model/13445/6 "2020-03-13T04:45:47Z")

</div>

I think you are going to need to edit DragControls - see this:

> <https://github.com/mrdoob/three.js/blob/b11f897812a8a48bcd81e9bd46785d07939ec59e/examples/jsm/controls/DragControls.js#L104>

instead of \_camera.getWorldDirection( \_plane.normal ) you want your grid normal

---

<div class="post-metadata">

**Author:** ![MenashayAu](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/menashayau/32/9926_2.png) [@MenashayAu](https://discourse.threejs.org/u/MenashayAu)\
**Post date:** [March 14, 2020, 6:11am UTC](https://discourse.threejs.org/t/need-help-with-scale-of-3d-model/13445/7 "2020-03-14T06:11:14Z")

</div>

Thank you for your help.  
I think TransformControls will do the trick.