The OrbitControls component is used to control a camera using the OrbitControls from three.js library.
The three OrbitControls object can be accessed via the controls property.
The object being controlled by the OrbitControls (usually the camera) can be accessed via the controllerObject property.

Hierarchy (view full)

Implements

Properties

allowInterrupt: boolean = true

If true user input interrupts the camera from animating to a target

true
autoFit: boolean = false

When enabled the scene will be automatically fitted into the camera view in onEnable

false
autoRotate: boolean = false

When enabled the camera will rotate automatically

false
autoRotateSpeed: number = 1.0

The speed at which the camera will rotate automatically. Will only be used when autoRotate is enabled

1.0
autoTarget: boolean = true

When enabled OrbitControls will automatically raycast find a look at target in start

true
clickBackgroundToFitScene: number = 2

When enabled the camera will fit the scene to the camera view when the background is clicked the specified number of times within a short time

2
dampingFactor: number = 0.1

The damping factor for the camera movement. For more information see the three.js documentation

0.1
doubleClickToFocus: boolean = true

If true the camera will focus on the target when the left mouse button is double clicked

true
enableDamping: boolean = true

When enabled the camera movement will be damped

true
enableKeys: boolean = true

When enabled the camera can be moved using keyboard keys. The keys are defined in the controls.keys property

true
enablePan: boolean = true

When enabled the camera can be panned

true
enableRotate: boolean = true

When enabled the camera can be rotated

true
enableZoom: boolean = true

When enabled the camera can be zoomed

true
gameObject: GameObject

the object this component is attached to. Note that this is a threejs Object3D with some additional features

guid: string = "invalid"

the unique identifier for this component

lookAtConstraint: null | LookAtConstraint = null

Assigning a LookAtConstraint will make the camera look at the constraint source

null
lookAtConstraint01: number = 1

The weight of the first lookAtConstraint source

1
maxAzimuthAngle: number = Infinity

The maximum azimuth angle in radians

maxPolarAngle: number = Math.PI

The maximum polar angle in radians

Math.PI
maxZoom: number = Infinity

The maximum zoom level

Infinity
middleClickToFocus: boolean = true

If true the camera will focus on the target when the middle mouse button is clicked

minAzimuthAngle: number = Infinity

The minimum azimuth angle in radians

minPolarAngle: number = 0

The minimum polar angle in radians

0
minZoom: number = 0

The minimum zoom level

0
sourceId?: string

holds the source identifier this object was created with/from (e.g. if it was part of a glTF file the sourceId holds the url to the glTF)

targetLerpDuration: number = 1

The duration in seconds it takes for the camera look ad and position lerp to reach their destination (when set via setCameraTargetPosition and setLookTargetPosition)

1
zoomSpeed: number = 1

Sets the zoom speed of the OrbitControls

1
zoomToCursor: boolean = false

Set to true to enable zooming to the cursor position.

false

Accessors

  • get activeAndEnabled(): boolean
  • Returns boolean

    true if the object is enabled and active in the hierarchy

  • get cameraLerpActive(): boolean
  • True while the camera position is being lerped

    Returns boolean

  • get context(): Context
  • Use the context to get access to many Needle Engine features and use physics, timing, access the camera or scene

    Returns Context

  • set context(context): void
  • Parameters

    Returns void

  • get destroyed(): boolean
  • Returns boolean

    true if this component was destroyed (this.destroy()) or the whole object this component was part of

  • get enabled(): boolean
  • Returns boolean

  • set enabled(val): void
  • Parameters

    • val: boolean

    Returns void

  • get forward(): Vector3
  • Forward (0,0,-1) vector in world space

    Returns Vector3

  • get hideFlags(): HideFlags
  • Returns HideFlags

  • get isCameraController(): boolean
  • Returns boolean

  • get layer(): number
  • Returns number

    the layer of the gameObject this component is attached to

  • get lookTargetLerpActive(): boolean
  • True while the camera look target is being lerped

    Returns boolean

  • get name(): string
  • Returns string

    the name of the gameObject this component is attached to

  • set name(str): void
  • Parameters

    • str: string

    Returns void

  • get right(): Vector3
  • Right (1,0,0) vector in world space

    Returns Vector3

  • get scene(): Scene
  • shorthand for this.context.scene

    Returns Scene

    the scene of the context

  • get static(): boolean
  • Is the gameObject marked as static

    Returns boolean

  • set static(value): void
  • Parameters

    • value: boolean

    Returns void

  • get tag(): string
  • Returns string

    the tag of the gameObject this component is attached to

  • set tag(str): void
  • Parameters

    • str: string

    Returns void

  • get targetLerpSpeed(): number
  • Returns number

    use targetLerpDuration instead
    The speed at which the camera target and the camera will be lerping to their destinations (if set via script or user input)

  • set targetLerpSpeed(v): void
  • Parameters

    • v: number

    Returns void

  • get up(): Vector3
  • Up (0,1,0) vector in world space

    Returns Vector3

  • get worldEuler(): Euler
  • Returns Euler

  • set worldEuler(val): void
  • Parameters

    Returns void

  • get worldPosition(): Vector3
  • Returns Vector3

  • set worldPosition(val): void
  • Parameters

    Returns void

  • get worldQuaternion(): Quaternion
  • Returns Quaternion

  • set worldQuaternion(val): void
  • Parameters

    Returns void

  • get worldRotation(): Vector3
  • Returns Vector3

  • set worldRotation(val): void
  • Parameters

    Returns void

Methods

  • Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched.

    The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.

    When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.

    When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners.

    When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed.

    If an AbortSignal is passed for options's signal, then the event listener will be removed when signal is aborted.

    The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.

    MDN Reference

    Type Parameters

    Parameters

    • type: string
    • listener: ((evt: T) => any)
        • (evt): any
        • Parameters

          • evt: T

          Returns any

    Returns void

  • Destroys this component (and removes it from the object)

    Returns void

  • Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.

    MDN Reference

    Parameters

    Returns boolean

  • first callback in a frame (called every frame when implemented)

    Returns void

  • Fits the camera to show the objects provided (defaults to the scene if no objects are passed in)

    Parameters

    • Optionaloptions: FitCameraOptions

    Returns any

  • Parameters

    • Optionalobjects: Object3D<Object3DEventMap> | Object3D<Object3DEventMap>[]
    • Optionaloptions: Omit<FitCameraOptions, "objects">

    Returns any

  • late callback in a frame (called every frame when implemented)

    Returns void

  • Parameters

    Returns void

    use controls.target.lerp(position, delta)

  • Called before the XR session is requested. Use this callback if you want to modify the session init features

    Parameters

    • mode: XRSessionMode
    • args: XRSessionInit

    Returns void

  • Callback when this component joins a xr session (or becomes active in a running XR session)

    Parameters

    Returns void

  • Callback when this component exists a xr session (or when it becomes inactive in a running XR session)

    Parameters

    Returns void

  • Called for all scripts when the context gets paused or unpaused

    Parameters

    • isPaused: boolean
    • wasPaused: boolean

    Returns void

  • Called when an object (or any child object) is clicked (needs a EventSystem in the scene)

    Parameters

    Returns any

  • Called when a pointer (mouse, touch, xr controller) starts pointing on/hovering an object (or a child object)

    Parameters

    Returns any

  • Called when a pointer (mouse, touch, xr controller) exists an object (it was hovering the object before but now it's not anymore)

    Parameters

    Returns any

  • Called when a pointer (mouse, touch, xr controller) is moving over an object (or a child object)

    Parameters

    Returns any

  • Called when a button is released (which was previously pressed in onPointerDown)

    Parameters

    Returns any

  • Register callback when user starts interacting with the orbit controls

    Parameters

    Returns void

  • called when you decorate fields with the @validate() decorator

    Parameters

    • Optionalprop: string

      the name of the field that was changed

    Returns void

  • Callback when a controller is connected/added while in a XR session
    OR when the component joins a running XR session that has already connected controllers
    OR when the component becomes active during a running XR session that has already connected controllers

    Returns void

  • Removes the event listener in target's event listener list with the same type, callback, and options.

    MDN Reference

    Type Parameters

    Parameters

    • type: string
    • listener: ((arg: T) => any)
        • (arg): any
        • Parameters

          • arg: T

          Returns any

    Returns void

  • called on a component with a map of old to new guids (e.g. when instantiate generated new guids and e.g. timeline track bindings needs to remape them)

    Parameters

    • guidsMap: GuidsMap

    Returns void

  • Sets camera target position and look direction. Does perform a raycast in the forward direction of the passed in object to find an orbit point

    Parameters

    Returns void

  • Moves the camera to position smoothly.

    Parameters

    • Optionalposition: null | Object3D<Object3DEventMap> | Vector3Like

      The position in local space of the controllerObject to move the camera to. If null the camera will stop lerping to the target.

    • immediateOrDuration: number | boolean = false

      If true the camera will move immediately to the new position, otherwise it will lerp. If a number is passed in it will be used as the duration of the lerp.

    Returns void

  • Moves the camera look-at target to a position smoothly.

    Parameters

    • position: null | Object3D<Object3DEventMap> | Vector3Like = null

      The position in world space to move the camera target to. If null the camera will stop lerping to the target.

    • immediateOrDuration: number | boolean = false

      If true the camera target will move immediately to the new position, otherwise it will lerp. If a number is passed in it will be used as the duration of the lerp.

    Returns void

  • Parameters

    • x: number
    • y: number
    • z: number
    • w: number

    Returns void

  • Parameters

    • x: number
    • y: number
    • z: number
    • degrees: boolean = true

    Returns void

  • starts a coroutine (javascript generator function)
    yield will wait for the next frame:

    • Use yield WaitForSeconds(1) to wait for 1 second.
    • Use yield WaitForFrames(10) to wait for 10 frames.
    • Use yield new Promise(...) to wait for a promise to resolve.

    Parameters

    • routine: Generator<unknown, any, unknown>

      generator function to start

    • evt: FrameEvent = FrameEvent.Update

      event to register the coroutine for (default: FrameEvent.Update). Note that all coroutine FrameEvent callbacks are invoked after the matching regular component callbacks. For example FrameEvent.Update will be called after regular component update() methods)

    Returns Generator<unknown, any, unknown>

    the generator function (use it to stop the coroutine with stopCoroutine)

    onEnable() { this.startCoroutine(this.myCoroutine()); }
    private *myCoroutine() {
    while(this.activeAndEnabled) {
    console.log("Hello World", this.context.time.frame);
    // wait for 5 frames
    for(let i = 0; i < 5; i++) yield;
    }
    }
  • Call to stop camera position lerping

    Returns void

  • Stop a coroutine that was previously started with startCoroutine

    Parameters

    • routine: Generator<unknown, any, unknown>

      the routine to be stopped

    • evt: FrameEvent = FrameEvent.Update

      the frame event to unregister the routine from (default: FrameEvent.Update)

    Returns void

  • Call to stop camera look target lerping

    Returns void

  • Optional callback, you can implement this to only get callbacks for VR or AR sessions if necessary.

    Parameters

    • mode: XRSessionMode

    Returns boolean

    true if the mode is supported (if false the mode is not supported by this component and it will not receive XR callbacks for this mode)

  • regular callback in a frame (called every frame when implemented)

    Returns void