@operato/scene-visualizer 8.0.0-beta.0 → 8.0.0-beta.2

package/src/three-controls.ts

@@ -1,778 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-/**
- * @author qiao / https://github.com/qiao
- * @author mrdoob / http://mrdoob.com
- * @author alteredq / http://alteredqualia.com/
- * @author WestLangley / http://github.com/WestLangley
- * @author erich666 / http://erichaines.com
- */
-
-// This set of controls performs orbiting, dollying (zooming), and panning.
-// Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
-//
-//    Orbit - left mouse / touch: one finger move
-//    Zoom - middle mouse, or mousewheel / touch: two finger spread or squish
-//    Pan - right mouse, or arrow keys / touch: three finger swipe
-import { Component } from '@hatiolab/things-scene'
-import * as THREE from 'three'
-
-var ThreeControls = function (this: any, object: THREE.Camera, component: Component) {
-  this.object = object
-
-  this.component = component
-
-  // Set to false to disable this control
-  this.enabled = true
-
-  // "target" sets the location of focus, where the object orbits around
-  this.target = new THREE.Vector3()
-
-  // How far you can dolly in and out ( PerspectiveCamera only )
-  this.minDistance = 0
-  this.maxDistance = Infinity
-
-  // How far you can zoom in and out ( OrthographicCamera only )
-  this.minZoom = 0
-  this.maxZoom = Infinity
-
-  // How far you can orbit vertically, upper and lower limits.
-  // Range is 0 to Math.PI radians.
-  this.minPolarAngle = 0 // radians
-  this.maxPolarAngle = Math.PI // radians
-
-  // How far you can orbit horizontally, upper and lower limits.
-  // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ].
-  this.minAzimuthAngle = -Infinity // radians
-  this.maxAzimuthAngle = Infinity // radians
-
-  // Set to true to enable damping (inertia)
-  // If damping is enabled, you must call controls.update() in your animation loop
-  this.enableDamping = false
-  this.dampingFactor = 0.25
-
-  // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
-  // Set to false to disable zooming
-  this.enableZoom = true
-  this.zoomSpeed = 1.0
-
-  // Set to false to disable rotating
-  this.enableRotate = true
-  this.rotateSpeed = 1.0
-
-  // Set to false to disable panning
-  this.enablePan = true
-  this.keyPanSpeed = 7.0 // pixels moved per arrow key push
-
-  // Set to true to automatically rotate around the target
-  // If auto-rotate is enabled, you must call controls.update() in your animation loop
-  this.autoRotate = (this.component.app && !this.component.app.isEditMode && this.component.state.autoRotate) || false
-  this.autoRotateSpeed = this.component.state.rotationSpeed || 2.0 // 30 seconds per round when fps is 60
-
-  // Set to false to disable use of the keys
-  this.enableKeys = true
-
-  // The four arrow keys
-  this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 }
-
-  // Mouse buttons
-  this.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT }
-
-  // for reset
-  this.target0 = this.target.clone()
-  this.position0 = this.object.position.clone()
-  this.zoom0 = this.object.zoom
-
-  // flags
-  this.cameraChanged = false
-
-  //
-  // public methods
-  //
-
-  this.getPolarAngle = function () {
-    return spherical.phi
-  }
-
-  this.getAzimuthalAngle = function () {
-    return spherical.theta
-  }
-
-  this.saveState = function () {
-    scope.target0.copy(scope.target)
-    scope.position0.copy(scope.object.position)
-    scope.zoom0 = scope.object.zoom
-  }
-
-  this.reset = function () {
-    scope.target.copy(scope.target0)
-    scope.object.position.copy(scope.position0)
-    scope.object.zoom = scope.zoom0
-
-    scope.object.updateProjectionMatrix()
-    // scope.dispatchEvent( changeEvent );
-
-    scope.update()
-
-    state = STATE.NONE
-  }
-
-  // this method is exposed, but perhaps it would be better if we can make it private...
-  this.update = (function () {
-    var offset = new THREE.Vector3()
-
-    // so camera.up is the orbit axis
-    var quat = new THREE.Quaternion().setFromUnitVectors(object.up, new THREE.Vector3(0, 1, 0))
-    var quatInverse = quat.clone().invert()
-
-    var lastPosition = new THREE.Vector3()
-    var lastQuaternion = new THREE.Quaternion()
-
-    return function update() {
-      // if (!(scope.cameraChanged || scope.autoRotate))
-      //   return false;
-
-      var position = scope.object.position
-
-      offset.copy(position).sub(scope.target)
-
-      // rotate offset to "y-axis-is-up" space
-      offset.applyQuaternion(quat)
-
-      // angle from z-axis around y-axis
-      spherical.setFromVector3(offset)
-
-      if (scope.autoRotate && state === STATE.NONE) {
-        rotateLeft(getAutoRotationAngle())
-      }
-
-      spherical.theta += sphericalDelta.theta
-      spherical.phi += sphericalDelta.phi
-
-      // restrict theta to be between desired limits
-      spherical.theta = Math.max(scope.minAzimuthAngle, Math.min(scope.maxAzimuthAngle, spherical.theta))
-
-      // restrict phi to be between desired limits
-      spherical.phi = Math.max(scope.minPolarAngle, Math.min(scope.maxPolarAngle, spherical.phi))
-
-      spherical.makeSafe()
-
-      spherical.radius *= scale
-
-      // restrict radius to be between desired limits
-      spherical.radius = Math.max(scope.minDistance, Math.min(scope.maxDistance, spherical.radius))
-
-      // move target to panned location
-      scope.target.add(panOffset)
-
-      offset.setFromSpherical(spherical)
-
-      // rotate offset back to "camera-up-vector-is-up" space
-      offset.applyQuaternion(quatInverse)
-
-      position.copy(scope.target).add(offset)
-
-      scope.object.lookAt(scope.target)
-
-      if (scope.enableDamping === true) {
-        sphericalDelta.theta *= 1 - scope.dampingFactor
-        sphericalDelta.phi *= 1 - scope.dampingFactor
-      } else {
-        sphericalDelta.set(0, 0, 0)
-      }
-
-      scale = 1
-      panOffset.set(0, 0, 0)
-
-      // update condition is:
-      // min(camera displacement, camera rotation in radians)^2 > EPS
-      // using small-angle approximation cos(x/2) = 1 - x^2 / 8
-
-      // if ((scope.cameraChanged || zoomChanged) && (
-      //   lastPosition.distanceToSquared(scope.object.position) > EPS ||
-      //   8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS)) {
-      if (
-        zoomChanged ||
-        lastPosition.distanceToSquared(scope.object.position) > EPS ||
-        8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS
-      ) {
-        lastPosition.copy(scope.object.position)
-        lastQuaternion.copy(scope.object.quaternion)
-
-        scope.component.invalidate()
-        scope.cameraChanged = false
-        zoomChanged = false
-
-        return true
-      }
-
-      return false
-    }
-  })()
-
-  this.dispose = function () {}
-
-  //
-  // event handlers - FSM: listen for events and reset state
-  //
-
-  this.onMouseDown = function (event: MouseEvent) {}
-
-  this.onMouseMove = function (event: MouseEvent) {}
-
-  this.onMouseUp = function (event: MouseEvent) {}
-
-  this.onDragStart = function (event: DragEvent) {
-    if (this.enabled === false || this.enableRotate === false) return
-
-    scope.component.stop()
-    this.autoRotate = false
-
-    if (event.altKey === true) state = STATE.PAN
-    else state = STATE.ROTATE
-
-    switch (state) {
-      case STATE.ROTATE:
-        if (this.enableRotate) handleDragStartRotate(event)
-        break
-
-      case STATE.DOLLY:
-        if (this.enableZoom) handleDragStartDolly(event)
-        break
-
-      case STATE.PAN:
-        if (this.enablePan) handleDragStartPan(event)
-        break
-    }
-  }
-
-  this.onDragMove = function (event: DragEvent) {
-    if (!this.enabled) return
-
-    if (event.altKey === true) state = STATE.PAN
-    else state = STATE.ROTATE
-
-    switch (state) {
-      case STATE.ROTATE:
-        if (this.enableRotate) handleDragMoveRotate(event)
-        break
-
-      case STATE.DOLLY:
-        if (this.enableZoom) handleDragMoveDolly(event)
-        break
-
-      case STATE.PAN:
-        if (this.enablePan) handleDragMovePan(event)
-        break
-    }
-  }
-
-  this.onDragEnd = function (event: DragEvent) {
-    if (this.enabled === false || this.enableRotate === false) return
-
-    state = STATE.NONE
-
-    START_TIME = null
-    this.autoRotate = this.component.state.autoRotate || false
-
-    scope.component.threed_animate()
-    // scope.update();
-  }
-
-  this.onKeyDown = function (event: KeyboardEvent) {
-    if (this.enabled === false || this.enableKeys === false || this.enablePan === false) return
-
-    handleKeyDown(event)
-  }
-
-  this.onTouchStart = function (event: TouchEvent) {
-    if (this.enabled === false) return
-
-    switch (event.touches.length) {
-      case 1: // one-fingered touch: rotate
-        if (this.enableRotate === false) return
-        handleTouchStartRotate(event)
-        state = STATE.TOUCH_ROTATE
-        break
-
-      case 2: // two-fingered touch: pan
-        this.lastScale = (event as any).scale || 1
-        if (this.enablePan === false) return
-        handleTouchStartPan(event)
-        state = STATE.TOUCH_PAN
-        break
-      // case 2: // two-fingered touch: dolly
-      //   if ( this.enableZoom === false ) return;
-      //   handleTouchStartDolly( event );
-      //   state = STATE.TOUCH_DOLLY;
-      //   break;
-
-      // case 3: // three-fingered touch: pan
-      //   if ( this.enablePan === false ) return;
-      //   handleTouchStartPan( event );
-      //   state = STATE.TOUCH_PAN;
-      //   break;
-
-      default:
-        state = STATE.NONE
-    }
-  }
-
-  this.onTouchMove = function (event: TouchEvent) {
-    if (this.enabled === false) return
-
-    switch (event.touches.length) {
-      case 1: // one-fingered touch: rotate
-        if (this.enableRotate === false) return
-        if (state !== STATE.TOUCH_ROTATE) return // is this needed?...
-        handleTouchMoveRotate(event)
-        break
-      case 2: // two-fingered touch: pan
-        if (Math.abs(this.lastScale - (event as any).scale || 1) > 0.05) {
-          return
-        }
-        if (this.enablePan === false) return
-        if (state !== STATE.TOUCH_PAN) return // is this needed?...
-        handleTouchMovePan(event)
-        break
-      // case 2: // two-fingered touch: dolly
-      //   if ( this.enableZoom === false ) return;
-      //   if ( state !== STATE.TOUCH_DOLLY ) return; // is this needed?...
-      //   handleTouchMoveDolly( event );
-      //   break;
-      // case 3: // three-fingered touch: pan
-      //   if ( this.enablePan === false ) return;
-      //   if ( state !== STATE.TOUCH_PAN ) return; // is this needed?...
-      //   handleTouchMovePan( event );
-      //   break;
-      default:
-        state = STATE.NONE
-    }
-  }
-
-  this.onTouchEnd = function (event: TouchEvent) {
-    if (this.enabled === false) return
-    this.lastScale = 1
-
-    handleTouchEnd(event)
-    // this.dispatchEvent( endEvent );
-    state = STATE.NONE
-  }
-
-  this.doAutoRotate = function (autoRotate: boolean) {
-    START_TIME = null
-    this.cameraChanged = true
-    this.autoRotate = autoRotate
-    this.update()
-  }
-
-  //
-  // internals
-  //
-
-  var scope = this
-
-  var changeEvent = { type: 'change' }
-  var startEvent = { type: 'start' }
-  var endEvent = { type: 'end' }
-
-  var STATE = { NONE: -1, ROTATE: 0, DOLLY: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_DOLLY: 4, TOUCH_PAN: 5 }
-
-  var state = STATE.NONE
-
-  var EPS = 0.000001
-
-  // current position in spherical coordinates
-  var spherical = new THREE.Spherical()
-  var sphericalDelta = new THREE.Spherical()
-
-  var scale = 1
-  var panOffset = new THREE.Vector3()
-  var zoomChanged = false
-
-  var rotateStart = new THREE.Vector2()
-  var rotateEnd = new THREE.Vector2()
-  var rotateDelta = new THREE.Vector2()
-
-  var panStart = new THREE.Vector2()
-  var panEnd = new THREE.Vector2()
-  var panDelta = new THREE.Vector2()
-
-  var dollyStart = new THREE.Vector2()
-  var dollyEnd = new THREE.Vector2()
-  var dollyDelta = new THREE.Vector2()
-
-  var START_TIME: number | null = null
-  var offsetTheta = 0
-
-  function getAutoRotationAngle() {
-    if (!START_TIME) {
-      START_TIME = performance.now()
-      offsetTheta = spherical.theta
-      return 0
-    }
-
-    var lastTime = performance.now() - START_TIME
-    var progress = lastTime / (60000 / scope.autoRotateSpeed)
-
-    // return - 2 * Math.PI * progress;
-    return 2 * Math.PI * progress + spherical.theta - offsetTheta
-    // return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
-  }
-
-  function getZoomScale() {
-    return Math.pow(0.95, scope.zoomSpeed)
-  }
-
-  function rotateLeft(angle: number) {
-    sphericalDelta.theta -= angle
-  }
-
-  function rotateUp(angle: number) {
-    sphericalDelta.phi -= angle
-  }
-
-  var panLeft = (function () {
-    var v = new THREE.Vector3()
-
-    return function panLeft(distance: number, objectMatrix: any) {
-      v.setFromMatrixColumn(objectMatrix, 0) // get X column of objectMatrix
-      v.multiplyScalar(-distance)
-
-      panOffset.add(v)
-    }
-  })()
-
-  var panUp = (function () {
-    var v = new THREE.Vector3()
-
-    return function panUp(distance: number, objectMatrix: any) {
-      v.setFromMatrixColumn(objectMatrix, 1) // get Y column of objectMatrix
-      v.multiplyScalar(distance)
-
-      panOffset.add(v)
-    }
-  })()
-
-  // deltaX and deltaY are in pixels; right and down are positive
-  var pan = (function () {
-    var offset = new THREE.Vector3()
-
-    return function pan(deltaX: number, deltaY: number) {
-      // var element = scope.component === document ? scope.component.body : scope.component
-      const { width, height } = scope.component.bounds
-
-      if (scope.object.isPerspectiveCamera) {
-        // perspective
-        var position = scope.object.position
-        offset.copy(position).sub(scope.target)
-        var targetDistance = offset.length()
-
-        // half of the fov is center to top of screen
-        targetDistance *= Math.tan(((scope.object.fov / 2) * Math.PI) / 180.0)
-
-        // we actually don't use screenWidth, since perspective camera is fixed to screen height
-        panLeft((2 * deltaX * targetDistance) / height, scope.object.matrix)
-        // panLeft( 2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix );
-        panUp((2 * deltaY * targetDistance) / height, scope.object.matrix)
-        // panUp( 2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix );
-      } else if (scope.object.isOrthographicCamera) {
-        // orthographic
-        panLeft((deltaX * (scope.object.right - scope.object.left)) / scope.object.zoom / width, scope.object.matrix)
-        // panLeft( deltaX * ( scope.object.right - scope.object.left ) / element.clientWidth, scope.object.matrix );
-        panUp((deltaY * (scope.object.top - scope.object.bottom)) / scope.object.zoom / height, scope.object.matrix)
-        // panUp( deltaY * ( scope.object.top - scope.object.bottom ) / element.clientHeight, scope.object.matrix );
-      } else {
-        // camera neither orthographic nor perspective
-        console.warn('WARNING: ThreeControls.js encountered an unknown camera type - pan disabled.')
-        scope.enablePan = false
-      }
-    }
-  })()
-
-  function dollyIn(dollyScale: number) {
-    if (scope.object.isPerspectiveCamera) {
-      scale /= dollyScale
-    } else if (scope.object.isOrthographicCamera) {
-      scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom * dollyScale))
-      scope.object.updateProjectionMatrix()
-      zoomChanged = true
-    } else {
-      console.warn('WARNING: ThreeControls.js encountered an unknown camera type - dolly/zoom disabled.')
-      scope.enableZoom = false
-    }
-  }
-
-  function dollyOut(dollyScale: number) {
-    if (scope.object.isPerspectiveCamera) {
-      scale *= dollyScale
-    } else if (scope.object.isOrthographicCamera) {
-      scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom / dollyScale))
-      scope.object.updateProjectionMatrix()
-      zoomChanged = true
-    } else {
-      console.warn('WARNING: ThreeControls.js encountered an unknown camera type - dolly/zoom disabled.')
-      scope.enableZoom = false
-    }
-  }
-
-  //
-  // event callbacks - update the object state
-  //
-
-  function handleDragStartRotate(event: DragEvent) {
-    rotateStart.set(event.offsetX, event.offsetY)
-  }
-
-  function handleDragStartDolly(event: DragEvent) {
-    dollyStart.set(event.offsetX, event.offsetY)
-  }
-
-  function handleDragStartPan(event: DragEvent) {
-    panStart.set(event.offsetX, event.offsetY)
-  }
-
-  function handleDragMoveRotate(event: DragEvent) {
-    rotateEnd.set(event.offsetX, event.offsetY)
-    rotateDelta.subVectors(rotateEnd, rotateStart)
-
-    var element = scope.component
-
-    // rotating across whole screen goes 360 degrees around
-    rotateLeft(((2 * Math.PI * rotateDelta.x) / element.getState('width')) * scope.rotateSpeed)
-
-    // rotating up and down along whole screen attempts to go 360, but limited to 180
-    rotateUp(((2 * Math.PI * rotateDelta.y) / element.getState('height')) * scope.rotateSpeed)
-
-    rotateStart.copy(rotateEnd)
-
-    scope.update()
-  }
-
-  function handleDragMoveDolly(event: DragEvent) {
-    dollyEnd.set(event.offsetX, event.offsetY)
-
-    dollyDelta.subVectors(dollyEnd, dollyStart)
-
-    if (dollyDelta.y > 0) {
-      dollyIn(getZoomScale())
-    } else if (dollyDelta.y < 0) {
-      dollyOut(getZoomScale())
-    }
-
-    dollyStart.copy(dollyEnd)
-
-    scope.update()
-  }
-
-  function handleDragMovePan(event: DragEvent) {
-    panEnd.set(event.offsetX, event.offsetY)
-
-    panDelta.subVectors(panEnd, panStart)
-
-    pan(panDelta.x, panDelta.y)
-
-    panStart.copy(panEnd)
-
-    scope.update()
-  }
-
-  function handleMouseUp(event: MouseEvent) {}
-
-  function handleKeyDown(event: KeyboardEvent) {
-    switch (event.keyCode) {
-      case scope.keys.UP:
-        pan(0, scope.keyPanSpeed)
-        scope.update()
-        break
-
-      case scope.keys.BOTTOM:
-        pan(0, -scope.keyPanSpeed)
-        scope.update()
-        break
-
-      case scope.keys.LEFT:
-        pan(scope.keyPanSpeed, 0)
-        scope.update()
-        break
-
-      case scope.keys.RIGHT:
-        pan(-scope.keyPanSpeed, 0)
-        scope.update()
-        break
-    }
-  }
-
-  function handleTouchStartRotate(event: TouchEvent) {
-    var x = (event.touches[0] as any).offsetX || event.touches[0].pageX
-    var y = (event.touches[0] as any).offsetY || event.touches[0].pageY
-
-    rotateStart.set(x, y)
-  }
-
-  function handleTouchStartDolly(event: TouchEvent) {
-    var dx = event.touches[0].pageX - event.touches[1].pageX
-    var dy = event.touches[0].pageY - event.touches[1].pageY
-
-    var distance = Math.sqrt(dx * dx + dy * dy)
-
-    dollyStart.set(0, distance)
-  }
-
-  function handleTouchStartPan(event: TouchEvent) {
-    var x = (event.touches[0] as any).offsetX || event.touches[0].pageX
-    var y = (event.touches[0] as any).offsetY || event.touches[0].pageY
-
-    panStart.set(x, y)
-  }
-
-  function handleTouchMoveRotate(event: TouchEvent) {
-    var x = (event.touches[0] as any).offsetX || event.touches[0].pageX
-    var y = (event.touches[0] as any).offsetY || event.touches[0].pageY
-
-    rotateEnd.set(x, y)
-    rotateDelta.subVectors(rotateEnd, rotateStart)
-
-    var element = scope.component === document ? scope.component.body : scope.component
-
-    // rotating across whole screen goes 360 degrees around
-    rotateLeft(((2 * Math.PI * rotateDelta.x) / element.model.width) * scope.rotateSpeed)
-    // rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed );
-
-    // rotating up and down along whole screen attempts to go 360, but limited to 180
-    rotateUp(((2 * Math.PI * rotateDelta.y) / element.model.height) * scope.rotateSpeed)
-    // rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed );
-
-    rotateStart.copy(rotateEnd)
-
-    scope.update()
-  }
-
-  function handleTouchMoveDolly(event: TouchEvent) {
-    var dx = event.touches[0].pageX - event.touches[1].pageX
-    var dy = event.touches[0].pageY - event.touches[1].pageY
-
-    var distance = Math.sqrt(dx * dx + dy * dy)
-
-    dollyEnd.set(0, distance)
-
-    dollyDelta.subVectors(dollyEnd, dollyStart)
-
-    if (dollyDelta.y > 0) {
-      dollyOut(getZoomScale())
-    } else if (dollyDelta.y < 0) {
-      dollyIn(getZoomScale())
-    }
-
-    dollyStart.copy(dollyEnd)
-
-    scope.update()
-  }
-
-  function handleTouchMovePan(event: TouchEvent) {
-    var x = (event.touches[0] as any).offsetX || event.touches[0].pageX
-    var y = (event.touches[0] as any).offsetY || event.touches[0].pageY
-
-    panEnd.set(x, y)
-
-    panDelta.subVectors(panEnd, panStart)
-
-    pan(panDelta.x, panDelta.y)
-
-    panStart.copy(panEnd)
-
-    scope.update()
-  }
-
-  function handleTouchEnd(event: TouchEvent) {}
-
-  this.update()
-}
-
-ThreeControls.prototype = {} //Object.create( THREE.EventDispatcher.prototype );
-ThreeControls.prototype.constructor = ThreeControls
-Object.defineProperties(ThreeControls.prototype, {
-  center: {
-    get: function () {
-      console.warn('THREE.OrbitControls: .center has been renamed to .target')
-      return this.target
-    }
-  },
-
-  // backward compatibility
-
-  noZoom: {
-    get: function () {
-      console.warn('THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.')
-      return !this.enableZoom
-    },
-
-    set: function (value) {
-      console.warn('THREE.OrbitControls: .noZoom has been deprecated. Use .enableZoom instead.')
-      this.enableZoom = !value
-    }
-  },
-
-  noRotate: {
-    get: function () {
-      console.warn('THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.')
-      return !this.enableRotate
-    },
-
-    set: function (value) {
-      console.warn('THREE.OrbitControls: .noRotate has been deprecated. Use .enableRotate instead.')
-      this.enableRotate = !value
-    }
-  },
-
-  noPan: {
-    get: function () {
-      console.warn('THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead.')
-      return !this.enablePan
-    },
-
-    set: function (value) {
-      console.warn('THREE.OrbitControls: .noPan has been deprecated. Use .enablePan instead.')
-      this.enablePan = !value
-    }
-  },
-
-  noKeys: {
-    get: function () {
-      console.warn('THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.')
-      return !this.enableKeys
-    },
-
-    set: function (value) {
-      console.warn('THREE.OrbitControls: .noKeys has been deprecated. Use .enableKeys instead.')
-      this.enableKeys = !value
-    }
-  },
-
-  staticMoving: {
-    get: function () {
-      console.warn('THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.')
-      return !this.enableDamping
-    },
-
-    set: function (value) {
-      console.warn('THREE.OrbitControls: .staticMoving has been deprecated. Use .enableDamping instead.')
-      this.enableDamping = !value
-    }
-  },
-
-  dynamicDampingFactor: {
-    get: function () {
-      console.warn('THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.')
-      return this.dampingFactor
-    },
-
-    set: function (value) {
-      console.warn('THREE.OrbitControls: .dynamicDampingFactor has been renamed. Use .dampingFactor instead.')
-      this.dampingFactor = value
-    }
-  }
-})
-
-export default ThreeControls