Needle Engine component base class. Derive from this component to implement your own using the provided lifecycle methods. Components can be added to threejs objects using GameObject.addComponent.

The most common lifecycle methods are awake, start, onEanble, onDisable update and onDestroy.
XR specific callbacks include onEnterXR, onLeaveXR, onUpdateXR, onControllerAdded and onControllerRemoved.
To receive pointer events implement onPointerDown, onPointerUp, onPointerEnter, onPointerExit and onPointerMove.

Hierarchy (view full)

Implements

  • ICameraController

Properties

allowInterrupt: boolean = true

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

autoFit: boolean = false

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

autoTarget: boolean = true

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

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

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)

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 controllerObject(): any
  • The object being controlled by the OrbitControls (usually the camera)

    Returns any

  • get controls(): any
  • The underlying three.js OrbitControls

    Returns any

  • 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 isComponent(): boolean
  • Returns boolean

  • get layer(): number
  • Returns number

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

    Returns boolean

  • get name(): string
  • Returns string

  • 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

  • get static(): any
  • Returns any

  • get tag(): string
  • Returns string

  • set tag(str): void
  • Parameters

    • str: string

    Returns void

  • get targetLerpSpeed(): number
  • Returns number

    Deprecated

    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

    • val: Euler

    Returns void

  • get worldPosition(): Vector3
  • Returns Vector3

  • set worldPosition(val): void
  • Parameters

    • val: Vector3

    Returns void

  • get worldQuaternion(): Quaternion
  • Returns Quaternion

  • set worldQuaternion(val): void
  • Parameters

    • val: Quaternion

    Returns void

  • get worldRotation(): Vector3
  • Returns Vector3

  • set worldRotation(val): void
  • Parameters

    • val: Vector3

    Returns void

Methods

  • Type Parameters

    Parameters

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

          • evt: T

          Returns any

    Returns void

  • called once when the component becomes active for the first time (once per component)
    This is the first callback to be called

    Returns void

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

    Returns void

  • 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

    • Optional objects: Object3D[]
    • fitOffset: number = 1.1
    • immediate: boolean = true

    Returns void

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

    Returns void

  • Parameters

    • position: Vector3
    • delta: number

    Returns void

    Deprecated

    use controls.target.lerp(position, delta)

  • called before the scene gets rendered in the main update loop

    Returns void

  • 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

  • Called when the component gets destroyed

    Returns void

  • called every time the component gets disabled or if a parent object (or this.gameObject) gets set to invisible

    Returns void

  • called every time when the component gets enabled (this is invoked after awake and before start)
    or when it becomes active in the hierarchy (e.g. if a parent object or this.gameObject gets set to visible)

    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

  • Register callback when user starts interacting with the orbit controls

    Parameters

    Returns void

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

    Parameters

    • Optional prop: string

    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

  • Type Parameters

    Parameters

    • type: string
    • listener: ((arg) => 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

    • target: Object3D

    Returns void

  • Moves the camera to position smoothly.

    Parameters

    • Optional position: any

      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

    Returns void

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

    Parameters

    • position: any = null
    • immediateOrDuration: boolean = false

    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

  • called at the beginning of a frame (once per component)

    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)

    Example

    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

Generated using TypeDoc