Base class for the ContainerFrame A 2D Container Component that can act as a "window" around your content

Hierarchy (view full)

Constructors

Properties

allowTranslation: boolean = true
api: Record<string, any>
autoScaleContent: boolean = true
autoShowHide: boolean = true
billboardComponent: Billboard = null
border: number = 7
closeButton: LabeledPinchButton
constantPadding: vec2 = ...
currentInteractor: Interactor = null
enabled: boolean

If disabled, the Component will stop enacting its behavior.

followButton: LabeledPinchButton

event for callback on close button trigger

innerSize: vec2
isFollowing: boolean = false
material: Material
name: string
onHoverEnterInnerInteractable: PublicApi<void> = ...
onHoverExitInnerInteractable: PublicApi<void> = ...
onScalingEnd: default<void> = ...

event handler for frame scaling ended

onScalingEndEvent: PublicApi<void> = ...

public api for adding functions to the onScalingEnd event handler

onScalingStart: default<void> = ...

event handler for frame scaling started

onScalingStartEvent: PublicApi<void> = ...

public api for adding functions to the onScalingStart event handler

onScalingUpdateEvent: PublicApi<void> = ...

public api for adding functions to the onScalingUpdate event handler

onSnappingComplete: PublicApi<void> = null

public api for adding functions to the onSnappingComplete event handler

onTranslationEnd: PublicApi<void> = ...

public api for adding functions to the onTranslationEndEvent event handler

onTranslationStart: PublicApi<void> = ...

public api for adding functions to the onTranslationStartEvent event handler

parentHoverBehavior: HoverBehavior

reference to HoverBehavior on parent element

parentTransform: Transform
sceneObject: SceneObject
smoothFollow: SmoothFollow = null

reference to frame's default front follow behavior

uniqueIdentifier: string
updatePriority: number
worldCamera: Camera = ...

reference to world camera

Accessors

  • get backingAlpha(): number
  • Returns number

    alpha of the dark backing effect of the frame

  • set backingAlpha(alpha): void
  • Parameters

    • alpha: number

      sets alpha of the dark backing effect of the frame

    Returns void

  • get borderAlpha(): number
  • Returns number

    alpha of the glass border of the frame

  • set borderAlpha(alpha): void
  • Parameters

    • alpha: number

      sets alpha of the glass border of the frame

    Returns void

  • get localPosition(): vec3
  • Returns vec3

    current local position of frame

  • set localPosition(position): void
  • Parameters

    • position: vec3

      sets current local position of frame

    Returns void

  • get localRotation(): quat
  • Returns quat

    current local rotation of frame

  • set localRotation(rotation): void
  • Parameters

    • rotation: quat

      set current local rotation of frame

    Returns void

  • get localScale(): vec3
  • Returns vec3

    current world scale of frame

  • set localScale(scale): void
  • Parameters

    • scale: vec3

      set current local scale of frame

    Returns void

  • get opacity(): number
  • Returns number

    current opacity of frame elements

  • set opacity(opacity): void
  • Parameters

    • opacity: number

      sets opacity for all frame elements note this parameter is effected by calls to showVisual and hideVisual

    Returns void

  • get renderOrder(): number
  • Returns number

    current renderOrder for the renderMeshVisual of the frame itself

  • set renderOrder(renderOrder): void
  • Parameters

    • renderOrder: number

      sets renderOrder for the renderMeshVisual of the frame itself

    Returns void

  • get totalInnerSize(): vec2
  • Returns vec2

    vec2 of the total size of the container, including constant padding

  • get worldPosition(): vec3
  • Returns vec3

    current world position of frame

  • set worldPosition(position): void
  • Parameters

    • position: vec3

      sets current world position of frame

    Returns void

  • get worldRotation(): quat
  • Returns quat

    current world rotation of frame

  • set worldRotation(rotation): void
  • Parameters

    • rotation: quat

      sets current local position of frame

    Returns void

  • get worldScale(): vec3
  • Returns vec3

    current world scale of frame

  • set worldScale(scale): void
  • Parameters

    • scale: vec3

      set current world scale of frame

    Returns void

Methods

  • abort snapping behavior

    Returns void

  • Parameters

    • enabled: boolean

      set close button enabled or disabled

    Returns void

  • Parameters

    • enabled: boolean

      set follow button enabled or disabled

    Returns void

  • Parameters

    • isInteractable: boolean

      enable or disable interactable elements of the frame

    Returns void

  • Returns vec3

    current local position of frame

  • Returns quat

    current local rotation of frame

  • Gets current world position of frame

    Returns vec3

  • Returns quat

    current world rotation of frame

  • tween to hide visuals of frame and elementss

    Returns void

  • Returns true if the object matches or derives from the passed in type.

    Parameters

    • type: string

    Returns boolean

  • Returns true if this object is the same as other. Useful for checking if two references point to the same thing.

    Parameters

    Returns boolean

  • Returns boolean

    whether the snapping behavior is checking for snappable elements

  • Returns boolean

    whether the snapping behavior is currently tweening

  • Returns void

  • Parameters

    • allowScaling: boolean

      enable or disable user scaling

    Returns void

  • setup billboarding component with the following parameters

    Parameters

    • useBillboard: boolean
    • xOnTranslate: boolean = false
    • xAlways: boolean = false
    • yOnTranslate: boolean = false
    • yAlways: boolean = false

    Returns void

  • set diameter of buttons in centimeters

    Parameters

    • size: number

    Returns void

  • Parameters

    • opacity: number

      sets opacity of frame when hovering interactable content in the frame

    Returns void

  • Parameters

    Returns void

  • Parameters

    • isInteractable: boolean

      set if content is interactable

    Returns void

  • Parameters

    • isFollowing: boolean

      enable or disable the following button and defualt behavior ( if it is enabled )

    Returns void

  • Parameters

    • isSnappable: boolean

      turns on or off snappableBehavior

    Returns void

  • Parameters

    • position: vec3

      sets current local position of frame

    Returns void

  • Parameters

    • rotation: quat

      set current local rotation of frame

    Returns void

  • Parameters

    • maximumSize: vec2

      set maximum scale of frame

    Returns void

  • Parameters

    • minimumSize: vec2

      set minimum scale of frame

    Returns void

  • Parameters

    • isActive: boolean

      whether or not to activate snapping

    Returns void

  • Parameters

    • useBillboarding: boolean

    Returns void

  • Parameters

    • useFollow: boolean

      enable or disable the option to turn on the default follow behavior with the follow button

    Returns void

  • Parameters

    • enable: boolean

    Returns void

  • Parameters

    • enable: boolean

    Returns void

  • Parameters

    • position: vec3

      sets current world position of frame

    Returns void

  • Parameters

    • rotation: quat

      sets current local position of frame

    Returns void

  • Parameters

    • yAlways: boolean

    Returns void

  • tween to show visuals of frame and elements

    Returns void

  • tween from current opacity to target opacity, will cancel existing opacity tweens

    Parameters

    • currentOpacity: number
    • targetOpacity: number
    • endCallback: (() => void) = ...
        • (): void
        • Returns void

    Returns void