Hi there! I’m new to three js. I want implement a functionality like when we draw a rectangle in the screen the scene should get zoomed to that rectangle. Like “window-zoom” in other 3D applications. Could someone help me out of it? Is there any in-built option available to achieve this? Thanks fo…

Are you using plain three or a framework?

I’m using plain three js library. Not any framework.

Thanks for your response. I actually saw this thread, but here it using objects to calculate the boundingbox. In my case, the window can be drawn any part of the window. Even there is no objects, that part should get zoomed.

Ah I see what you mean now you want a sort of “zoom box” behaviour? Is this SO question similar to what you’re after? It’s incomplete but you can get a rough idea of how the basics of this would work playing with the following pen…

[image] hanu rakesh: Is there any in-built option available to achieve this? There, in fact, is - see this method

Yeah. I was searching this. Thanks for the reference.

I’ll try this. Thanks for your response :+1:

That’s cool, very interesting!

i would suggest you use this library GitHub - yomotsu/camera-controls: A camera control for three.js, similar to THREE.OrbitControls yet supports smooth transitions and more features. this is a better orbit control, it can replace it entirely and it has that functionality inbuild. look for fitToBox.…

Window Zoom in Three JS

Questions

Lawrence3DPK October 13, 2023, 1:27pm 4

There’s quite a lot of resources on how to achieve this, have a look into this thread for instance, the entire thread is quite useful…

Topic		Replies	Views
Camera Zoom To Fit Object Questions camera-controls , camera	34	77335	April 14, 2023
Zoom Camera to Object Questions camera	3	427	March 22, 2024
Zoom Extents in Three JS Questions	4	473	December 19, 2023
Fit projected/'perceived' bounds of mesh into viewport Questions camera , bounding-box , orthographic-camera	8	907	May 30, 2024
How to add a Zoom In - Zoom Out button to a scene Questions orbit-controls , zoom	7	10493	June 7, 2022

Window Zoom in Three JS

Related topics