How to use the camera-controls.install function in camera-controls
To help you get started, we’ve selected a few camera-controls examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
pixiv / three-vrm / examples / react / src / index.tsx View on Github 
import CameraControls from "camera-controls";
import * as React from "react";
import { render } from "react-dom";
import * as THREE from "three";
import { GLTF, GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
import { DebugOption, VRM, VRMDebug } from "../../..";
import * as Action from "./components";
CameraControls.install( { THREE } );
class App extends React.Component<{}, { vrmId: string | null }> {
private canvas?: HTMLCanvasElement | null
private vrm?: VRM | null
private vrmPath?: string | null
private clock: THREE.Clock = new THREE.Clock()
private scene: THREE.Scene = new THREE.Scene()
private renderer?: THREE.WebGLRenderer
private camera: THREE.PerspectiveCamera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.25, 1000);
private directionalLight = new THREE.DirectionalLight(0xFFFFFF, 1.0);
private cameraControls?: CameraControls
private debug: boolean = false
private debugOption : DebugOption = {
disableRightEyeDirectionHelper: false,
disableLeftEyeDirectionHelper: false,camera-controls
A camera control for three.js, similar to THREE.OrbitControls yet supports smooth transitions and more features.
