xeokit Camera Controls

---

Navigate a Viewer's camera with mouse and touch input

---

• Use CameraControl to control a @xeokit/viewer!Camera, which belongs to a View, which belongs to a Viewer.
• Reads touch, mouse and keyboard input
• Three navigation modes: @xeokit/constants!OrbitNavigationMode, @xeokit/constants!FirstPersonNavigationMode and @xeokit/constants!PlanViewNavigationMode.
• Dynamic key mapping
• Smart-pivot
• Move-to-pointer
• Distance-scaled rate of movement
• Inertia

Installation

npm install @xeokit/cameracontrol
Copy

Usage

Using a CameraControl to control a View's @xeokit/viewer!Camera :

import {Viewer} from "@xeokit/viewer";
import {WebGLRenderer} from "@xeokit/webglrenderer";
import {CameraControl} from "@xeokit/cameracontrol";

const myViewer = new Viewer({
    id: "myViewer",
    renderers: new WebGLRenderer({
        //...
    })
});

const myView = myViewer.createView({
    id: "myView",
    canvasId: "myView1"
});

const myCameraControl = new CameraControl({
     view: myView
});

//...
Copy