# Dynamic size of Object

**URL:** <https://discourse.threejs.org/t/dynamic-size-of-object/2177>\
**Category:** Questions\
**Tags:** scaling\
**Created:** [March 20, 2018, 11:52am UTC](https://discourse.threejs.org/t/dynamic-size-of-object/2177 "2018-03-20T11:52:08Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sandipnd31](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sandipnd31/32/612_2.png) [@sandipnd31](https://discourse.threejs.org/u/sandipnd31)\
**Post date:** [March 20, 2018, 11:52am UTC](https://discourse.threejs.org/t/dynamic-size-of-object/2177/1 "2018-03-20T11:52:08Z")

</div>

Hello Member,  
In below link, I have a home (map) and animal. Animal is moving whenever click on the map. I can **Zoom-In(big)** and **Zoom-Out(small)** using Scroll of the mouse.  
But how I can achieve reverse operation only on **Animal Object** , means While **Zoom out animal become big** and \*\*while zoom-in Animal become small \*\*

[jsfiddle](https://jsfiddle.net/sandipnd31/y5xxwj9c/2/)

---

<div class="post-metadata">

**Author:** ![looeee](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/looeee/32/59_2.png) [@looeee](https://discourse.threejs.org/u/looeee)\
**Post date:** [March 20, 2018, 12:48pm UTC](https://discourse.threejs.org/t/dynamic-size-of-object/2177/2 "2018-03-20T12:48:56Z")

</div>

Like this? [https://jsfiddle.net/y5xxwj9c/34/](https://jsfiddle.net/y5xxwj9c/34/)

---

<div class="post-metadata">

**Author:** ![sandipnd31](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sandipnd31/32/612_2.png) [@sandipnd31](https://discourse.threejs.org/u/sandipnd31)\
**Post date:** [March 20, 2018, 12:53pm UTC](https://discourse.threejs.org/t/dynamic-size-of-object/2177/3 "2018-03-20T12:53:24Z")

</div>

@looeee @prisoner849

Thank for quick response  
some what correct, But Home is not zoom in or zoom out.

1. when home zoom-in(big) && animal zoom out(small)
2. when home zoom-out(small) && animal zoom in(big)

opposite operation on Home & animal

---

<div class="post-metadata">

**Author:** ![looeee](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/looeee/32/59_2.png) [@looeee](https://discourse.threejs.org/u/looeee)\
**Post date:** [March 20, 2018, 1:21pm UTC](https://discourse.threejs.org/t/dynamic-size-of-object/2177/4 "2018-03-20T13:21:41Z")

</div>

In that case, look at where I applied the `multiplyScalar` operation to the animal and apply the opposite multiplication to the Home at the same time.

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [March 20, 2018, 1:42pm UTC](https://discourse.threejs.org/t/dynamic-size-of-object/2177/5 "2018-03-20T13:42:44Z")

</div>

Possibly, you’re looking for somethingn like that:

> <https://stackoverflow.com/questions/40446915/three-js-keep-label-size-on-zoom/40452050#40452050>

---

<div class="post-metadata">

**Author:** ![sandipnd31](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sandipnd31/32/612_2.png) [@sandipnd31](https://discourse.threejs.org/u/sandipnd31)\
**Post date:** [March 21, 2018, 7:13am UTC](https://discourse.threejs.org/t/dynamic-size-of-object/2177/6 "2018-03-21T07:13:47Z")

</div>

> [@looeee](#):
>
> multiplyScalar

@prisoner849 @looeee

Hello Sir, I tried with you code. But Home is not Zoom-In or Zoom-out.  
Also I have added another animal its working fine, But I did not understood why not home is not working

[check new jsfiddle](https://jsfiddle.net/y5xxwj9c/50/)