How to constraint pointer inputs?

Vincegln · February 21, 2019, 12:09am

Hi there !

I’m using Pep to handle touch control with babylonJS on mobile devices, but I would like to disable panning and zooming (and thus having only the rotation feature enabled) on my ArcRotateCamera, but I can’t put my finger on the way to do it.

Any ideas ?

Leon · February 21, 2019, 7:47am

Hey!

There are a few properties on ArcRotateCamera that you can set to enable, disable or limit the movement of the camera.

camera.minZ = 0.01 // how close does the camera clip
camera.panningAxis = new Vector3(1, 0, 1) // make the pan move along the ground
camera.panningSensibility = 0 // how fast can you move 0 = no panning
camera.panningDistanceLimit = 20 // don't allow panning to far away
camera.wheelPrecision = 20 // how fast do we zoom
camera.allowUpsideDown = false // don't allow inversing camera
camera.lowerRadiusLimit = 1 // how far in can you zoom
camera.upperRadiusLimit = 15 // how far out can you zoom
camera.lowerBetaLimit = 0.5 // how for up can you move the camera
camera.upperBetaLimit = Math.PI / 2.2 // how low down can you move the camera

You can find all the settings available in the source code to the camera

github.com

BabylonJS/Babylon.js/blob/master/src/Cameras/arcRotateCamera.ts

import { serialize, serializeAsVector3 } from "../Misc/decorators";
import { Observable } from "../Misc/observable";
import { Nullable } from "../types";
import { Scene } from "../scene";
import { Matrix, Vector3, Vector2, Epsilon } from "../Maths/math";
import { Node } from "../node";
import { AbstractMesh } from "../Meshes/abstractMesh";
import { Mesh } from "../Meshes/mesh";
import { AutoRotationBehavior } from "../Behaviors/Cameras/autoRotationBehavior";
import { BouncingBehavior } from "../Behaviors/Cameras/bouncingBehavior";
import { FramingBehavior } from "../Behaviors/Cameras/framingBehavior";
import { Camera } from "./camera";
import { TargetCamera } from "./targetCamera";
import { ArcRotateCameraPointersInput } from "../Cameras/Inputs/arcRotateCameraPointersInput";
import { ArcRotateCameraKeyboardMoveInput } from "../Cameras/Inputs/arcRotateCameraKeyboardMoveInput";
import { ArcRotateCameraMouseWheelInput } from "../Cameras/Inputs/arcRotateCameraMouseWheelInput";
import { ArcRotateCameraInputsManager } from "../Cameras/arcRotateCameraInputsManager";

declare type Collider = import("../Collisions/collider").Collider;

This file has been truncated. show original

I hope that gives you something to play with

Topic		Replies	Views
Struggling to completely disable zoom on ArcRotateCamera in production builds Questions camera , arcrotatecamera	4	1198	August 2, 2022
How to disable the camera rotation input? Questions	3	2744	October 23, 2019
How to restrict camera movement only to panning Questions	5	1319	June 8, 2021
Customising camera doesn't seem to work for me Questions documentation , tutorial	4	670	July 16, 2020
Is there a way to fix the camera to one target/ disable panning in React app Questions	4	2236	May 24, 2024

How to constraint pointer inputs?

Related Topics