Options
All
  • Public
  • Public/Protected
  • All
Menu

A behavior that when attached to a mesh will allow the mesh to be dragged around the screen based on pointer events

Hierarchy

  • PointerDragBehavior

Implements

Index

Constructors

  • Creates a pointer drag behavior that can be attached to a mesh

    Parameters

    • Optional options: { dragAxis?: Vector3; dragPlaneNormal?: Vector3 }

      The drag axis or normal of the plane that will be dragged across. If no options are specified the drag plane will always face the ray's origin (eg. camera)

    Returns PointerDragBehavior

Properties

attachedNode: AbstractMesh

Abstract mesh the behavior is set on

currentDraggingPointerId: number

The id of the pointer that is currently interacting with the behavior (-1 when no pointer is active)

detachCameraControls: boolean

If camera controls should be detached during the drag

dragButtons: number[]

Butttons that can be used to initiate a drag

dragDeltaRatio: number

The distance towards the target drag position to move each frame. This can be useful to avoid jitter. Set this to 1 for no delay. (Default: 0.2)

dragging: boolean

If the behavior is currently in a dragging state

lastDragPosition: Vector3

The last position where the pointer hit the drag plane in world space

maxDragAngle: number

The maximum tolerated angle between the drag plane and dragging pointer rays to trigger pointer events. Set to 0 to allow any angle (default: 0)

moveAttached: boolean

If the attached mesh should be moved when dragged

onDragEndObservable: Observable<{ dragPlanePoint: Vector3; pointerId: number; pointerInfo: Nullable<PointerInfo> }>

Fires each time a drag ends (eg. mouse release after drag)

  • dragPlanePoint in world space where the drag intersects the drag plane

(if validatedDrag is used, the position of the attached mesh might not equal dragPlanePoint)

onDragObservable: Observable<{ delta: Vector3; dragDistance: number; dragPlaneNormal: Vector3; dragPlanePoint: Vector3; pointerId: number; pointerInfo: Nullable<PointerInfo> }>

Fires each time the attached mesh is dragged with the pointer

  • delta between last drag position and current drag position in world space
  • dragDistance along the drag axis
  • dragPlaneNormal normal of the current drag plane used during the drag
  • dragPlanePoint in world space where the drag intersects the drag plane

(if validatedDrag is used, the position of the attached mesh might not equal dragPlanePoint)

onDragStartObservable: Observable<{ dragPlanePoint: Vector3; pointerId: number; pointerInfo: Nullable<PointerInfo> }>

Fires each time a drag begins (eg. mouse down on mesh)

  • dragPlanePoint in world space where the drag intersects the drag plane

(if validatedDrag is used, the position of the attached mesh might not equal dragPlanePoint)

onEnabledObservable: Observable<boolean>

Fires each time behavior enabled state changes

startAndReleaseDragOnPointerEvents: boolean

If pointer events should start and release the drag (Default: true)

updateDragPlane: boolean

If the drag plane orientation should be updated during the dragging (Default: true)

useObjectOrientationForDragging: boolean

If set, the drag plane/axis will be rotated based on the attached mesh's world rotation (Default: true)

validateDrag: ((targetPosition: Vector3) => boolean)

Type declaration

    • Predicate to determine if it is valid to move the object to a new position when it is moved

      Parameters

      Returns boolean

Accessors

  • get currentDraggingPointerID(): number
  • set currentDraggingPointerID(currentDraggingPointerID: number): void
  • Get or set the currentDraggingPointerId

    deprecated

    Please use currentDraggingPointerId instead

    Returns number

  • Get or set the currentDraggingPointerId

    deprecated

    Please use currentDraggingPointerId instead

    Parameters

    • currentDraggingPointerID: number

    Returns void

  • get enabled(): boolean
  • set enabled(value: boolean): void
  • If the drag behavior will react to drag events (Default: true)

    Returns boolean

  • If the drag behavior will react to drag events (Default: true)

    Parameters

    • value: boolean

    Returns void

  • get name(): string
  • The name of the behavior

    Returns string

  • get options(): { dragAxis?: Vector3; dragPlaneNormal?: Vector3 }
  • set options(options: { dragAxis?: Vector3; dragPlaneNormal?: Vector3 }): void
  • Gets the options used by the behavior

    Returns { dragAxis?: Vector3; dragPlaneNormal?: Vector3 }

  • Sets the options used by the behavior

    Parameters

    Returns void

Methods

  • Attaches the drag behavior the passed in mesh

    Parameters

    Returns void

  • detach(): void
  • Detaches the behavior from the mesh

    Returns void

  • init(): void
  • Initializes the behavior

    Returns void

  • releaseDrag(): void
  • Force release the drag action by code.

    Returns void

  • startDrag(pointerId?: number, fromRay?: Ray, startPickedPoint?: Vector3): void
  • Simulates the start of a pointer drag event on the behavior

    Parameters

    • Optional pointerId: number

      pointerID of the pointer that should be simulated (Default: Any mouse pointer ID)

    • Optional fromRay: Ray

      initial ray of the pointer to be simulated (Default: Ray from camera to attached mesh)

    • Optional startPickedPoint: Vector3

      picked point of the pointer to be simulated (Default: attached mesh position)

    Returns void

Legend

  • Constructor
  • Property
  • Method
  • Accessor
  • Inherited constructor
  • Inherited property
  • Inherited method
  • Property
  • Method
  • Static method

Settings

Theme