Skip to main content

PanoControl

Since version 4.0.0

source

Panorama control for View360

class PanoControl

Properties

animating

Whether one of the controls is animating at the moment

disableContextMenu

Disable context menu which pops up on mouse right click.

enabled

Whether the control is enabled or not

gyro

A control for camera rotation with gyroscope input.
You can also change options of gyro with this.

ignoreZoomScale

When true, disables rotation slow-down by zoom-value.

rotate

A control for camera rotation.
You can also change options of rotate with this.

scrollable

Disable context menu which pops up on mouse right click.

useGrabCursor

Apply CSS cursor by current state of input when using mouse.
If true, this will add CSS style to canvas element. It'll apply cursor: "grab" by default and cursor: "grabbing" when holding the mouse button.

wheelScrollable

Disable context menu which pops up on mouse right click.

zoom

A control for camera zoom.
You can also change options of zoom with this.

Methods

destroy

Destroy the instance and remove all event listeners attached.
This also will reset CSS cursor to initial.

disable

Disable this control and remove all event listeners

enable

Enable this control and add event listeners.

resize

Resize control to match target size.

sync

Synchronize this control's state to current camera state

update

Update control by given deltaTime

Constructor​

Create new instance.
new PanoControl(element: HTMLElement, camera: Camera, options: PanoControlOptions): PanoControl

Parameters

element

HTMLElement

Canvas element

camera

Camera

Camera instance

options

PanoControlOptions

Options for PanoControl

Properties​

animating​

>=4.0.0
readonly
animating

boolean

Whether one of the controls is animating at the moment

source

disableContextMenu​

disableContextMenu

boolean

Disable context menu which pops up on mouse right click.

source

enabled​

>=4.0.0
readonly
enabled

boolean

Whether the control is enabled or not

source

gyro​

readonly
gyro

GyroControl

A control for camera rotation with gyroscope input.
You can also change options of gyro with this.

source

ignoreZoomScale​

>=4.0.0
ignoreZoomScale

boolean

When true, disables rotation slow-down by zoom-value.

source

rotate​

readonly
rotate

RotateControl

A control for camera rotation.
You can also change options of rotate with this.

source

scrollable​

scrollable

boolean

Disable context menu which pops up on mouse right click.

source

useGrabCursor​

useGrabCursor

boolean

Apply CSS cursor by current state of input when using mouse.
If true, this will add CSS style to canvas element. It'll apply cursor: "grab" by default and cursor: "grabbing" when holding the mouse button.

source

wheelScrollable​

wheelScrollable

boolean

Disable context menu which pops up on mouse right click.

source

zoom​

readonly
zoom

ZoomControl

A control for camera zoom.
You can also change options of zoom with this.

source

Methods​

destroy​

>=4.0.0
destroy

void

destroy(): void

Destroy the instance and remove all event listeners attached.
This also will reset CSS cursor to initial.

source

disable​

>=4.0.0
disable

void

disable(): void

Disable this control and remove all event listeners

source

enable​

>=4.0.0
enable

Promise<void>

enable(): Promise<void>

Enable this control and add event listeners.

source

resize​

>=4.0.0
resize

void

resize(width: number, height: number): void

Resize control to match target size.

Parameters

width

number

New width

height

number

New height

source

sync​

>=4.0.0
sync

void

sync(): void

Synchronize this control's state to current camera state

source

update​

>=4.0.0
update

void

update(delta: number): void

Update control by given deltaTime

Parameters

delta

number

Number of milisec to update

source