Programmatically zoom in/out the same way the mousewheel does it

gper2020 · October 30, 2020, 11:37am

Hello, could you please help me with :

Using an ArcRotateCamera. By default, the user can mouse-wheel up/down to zoom in/out.
But I also have in the UI separate zoom-in/out buttons, and I want them to zoom in/out in the same way (using that mouse-wheel smooth ease-out default animation) and amount that the mouse-wheel does it.

Until now I was using a hardcoded step to programmatically zoom in/out like :

camera.radius += ZOOM_STEP;

but I noticed the default mousewheel zoom takes into account the scene’s overall size once I import a 3d model, so, a hardcoded setting that works for one 3d model, does not work well for another ( zooms faster or slower )

So, then, how can I programmatically zoom in/out the same way the mousewheel does?

Many thanks for your time

Deltakosh · October 30, 2020, 5:08pm

Actually here is the relevant code:

github.com

BabylonJS/Babylon.js/blob/master/src/Cameras/Inputs/arcRotateCameraMouseWheelInput.ts#L88


                targetInertia *= this.camera.inertia;

            }

            estimatedTargetRadius = Scalar.Clamp(estimatedTargetRadius, 0, Number.MAX_VALUE);

            delta = this.computeDeltaFromMouseWheelLegacyEvent(wheelDelta, estimatedTargetRadius);

        }

    } else {

        delta = wheelDelta / (this.wheelPrecision * 40);

    }



    if (delta) {

        this.camera.inertialRadiusOffset += delta;

    }



    if (event.preventDefault) {

        if (!noPreventDefault) {

            event.preventDefault();

        }

    }

};



this._observer = this.camera.getScene().onPointerObservable.add(this._wheel, PointerEventTypes.POINTERWHEEL);

More specifically:

this.camera.inertialRadiusOffset

gper2020 · November 2, 2020, 6:57am

Thank you very much Deltakosh for your time!

Topic		Replies	Views
ArcRotateCamera custom zoom (in and out) Questions	4	2160	August 4, 2020
ArcRotateCamera enable zoom with mouse wheel but disable rotation Questions game , camera , arcrotatecamera	5	1759	January 9, 2022
Struggling to completely disable zoom on ArcRotateCamera in production builds Questions camera , arcrotatecamera	4	1198	August 2, 2022
How to set zooming based on the position of cursor in mouse-wheel? Questions	32	5737	July 19, 2022
How to add mouse move and wheel zoom for UniversalCamera Questions camera	5	1174	June 8, 2022

Programmatically zoom in/out the same way the mousewheel does it

Related Topics