# Three.js camera zoom

**URL:** <https://discourse.threejs.org/t/three-js-camera-zoom/74451>\
**Category:** Questions\
**Tags:** zoom, camera-controls\
**Created:** [November 26, 2024, 4:08pm UTC](https://discourse.threejs.org/t/three-js-camera-zoom/74451 "2024-11-26T16:08:53Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Emaborsa](https://avatars.discourse-cdn.com/v4/letter/e/ba9def/32.png) [@Emaborsa](https://discourse.threejs.org/u/Emaborsa)\
**Post date:** [November 26, 2024, 4:08pm UTC](https://discourse.threejs.org/t/three-js-camera-zoom/74451/1 "2024-11-26T16:08:53Z")

</div>

I am new in Canvas and Three.js. I am working with OrbitControls and Camera zoom and am wondering how to get the camera zoom once the mouse wheel change it.  
Here the [sandbox](https://codesandbox.io/p/sandbox/draggable-lines-forked-yjf7tx).  
I expected the camera.zoom property changes once the wheel is rotated, but it always remains 1.  
ChatGPT tells me I have to set it. Really?

---

<div class="post-metadata">

**Author:** ![dubois](https://avatars.discourse-cdn.com/v4/letter/d/e9c0ed/32.png) [@dubois](https://discourse.threejs.org/u/dubois)\
**Post date:** [November 26, 2024, 5:26pm UTC](https://discourse.threejs.org/t/three-js-camera-zoom/74451/2 "2024-11-26T17:26:23Z")

</div>

I don’t think you’re zooming with the controls if you are using a perspective camera. You are doing a “dolly”. You may want to change your field of view if you want to zoom. An orthographic camera on the other hand should change the zoom when used with the controls.

---

<div class="post-metadata">

**Author:** ![Emaborsa](https://avatars.discourse-cdn.com/v4/letter/e/ba9def/32.png) [@Emaborsa](https://discourse.threejs.org/u/Emaborsa)\
**Post date:** [November 27, 2024, 6:53am UTC](https://discourse.threejs.org/t/three-js-camera-zoom/74451/3 "2024-11-27T06:53:23Z")

</div>

I understand what you mean, but since I am new, I dont really know how to do it. Could you give me some details or show me an example?