Control arcrotate camera zooming with respect to cursor position

[masterdon]

I have got a playground here:

2D planner

I have disabled rotation to give a 2D perspective to scene using:

 camera1.inputs.attached['pointers'].detachControl(canvas);

Two issues:

 

1) user can still rotate around scene using cursor keys. up,down,right, left. Wanted to disable this behaviour.

2) Zooming only occurs with respect to setTarget position(only in y axis). However i wanted to control the zoom effect with respect to cursor position(like this https://www.wanaplan.com/try_plan).

Is there any property that i need to set to start this behavior?

If not, then i will be translating both setTarget and position property of camera with respect to x and z plane here(on window scroll event).

 

Any help would be appreciated. Thanks.

 

[GameMonetize]

1.  camera1.inputs.attached['keyboard'].detachControl(canvas);

2. This is not supported out of the box but your idea seems legit to me

[masterdon]

@Deltakosh: Thanks, ill start implementing it

Should i use window.scroll event for catching zooming/zoomout, or are there handlers in babylon for same?

 

[Wingnut]

Man, I dunno, Masterdon.  If I were you, I would TRY to use methods that allow control-drag for target-changing, and camera mousewheel for zoom. Grouping the floorplan items, or meshMerging them, then scaling them in order to "fake the zoom"... those things will give you headaches, in my opinion.

Click to put camera target somewhere over the floor plan (or control-drag)... no problem.  Then mousewheel-in/out. 

In my opinion, TRY to ONLY use the camera for zooming and positioning, and avoid manipulating (like group scaling) the floor plan items, if possible.  *shrug*.

[masterdon]

@Wingnut that's the most feasible solution. Translating each element is a big pain. If I get the solution regarding border issue in 3d scene using meshes boxes, then I'll be surely going with it