@kibou/three-orbitcontrols-ts
    TypeScript icon, indicating that this package has built-in type declarations

    0.2.8 • Public • Published

    This version of ThreeJS OrbitControls attempts to solve the issue with OrbitControls when using TypeScript : https://github.com/nicolaspanel/three-orbitcontrols-ts/issues/1 In short : 'Orbiting' works, but zoom and pan are both broken with the following message (I'm just showing the zoom one here): WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.

    ThreeJS OrbitControls as a standalone and typescript compatible npm module.

    Installation

    npm install --save @kibou/three-orbitcontrols-ts

    Usage

    import * as THREE from 'three';
    import { OrbitControls } from 'three-orbitcontrols-ts';
     
    const camera = new THREE.SomeCamera(...);
    const controls = new OrbitControls(camera, renderer.domElement);
     
    // How far you can orbit vertically, upper and lower limits.
    controls.minPolarAngle = 0;
    controls.maxPolarAngle = Math.PI;
     
     
    // How far you can dolly in and out ( PerspectiveCamera only )
    controls.minDistance = 0;
    controls.maxDistance = Infinity;
     
    this.enableZoom = true; // Set to false to disable zooming
    this.zoomSpeed = 1.0;
     
     
    controls.enablePan = true; // Set to false to disable panning (ie vertical and horizontal translations)
     
    controls.enableDamping = true; // Set to false to disable damping (ie inertia)
    controls.dampingFactor = 0.25;

    Credit

    All credit goes to OrbitControls.js contributors.

    Works along with https://github.com/FranckVE/types-three

    Install

    npm i @kibou/three-orbitcontrols-ts

    DownloadsWeekly Downloads

    12

    Version

    0.2.8

    License

    MIT

    Unpacked Size

    56.1 kB

    Total Files

    9

    Last publish

    Collaborators

    • avatar