PanoControl

Since version 4.0.0

source

View360용 파노라마 컨트롤

class PanoControl

Properties

animating

현재 컨트롤 중 하나라도 동작중인지 여부를 나타내는 값

disableContextMenu

마우스 우클릭시 표시되는 컨텍스트 메뉴를 비활성화합니다.

enabled

컨트롤 활성화 여부를 가리키는 값

gyro

자이로스코프를 통한 카메라 회전을 담당하는 컨트롤.
gyro 옵션 변경도 가능합니다.

ignoreZoomScale

true일 경우 줌 된 정도에 따라 회전속도를 늦추는 동작을 비활성화합니다.

rotate

카메라 회전을 담당하는 컨트롤.
rotate 옵션 변경도 가능합니다.

scrollable

마우스 우클릭시 표시되는 컨텍스트 메뉴를 비활성화합니다.

useGrabCursor

마우스 사용시 CSS cursor값을 자동으로 변경할지 여부.
true일 경우 기본 상태에서 cursor: "grab"을, 입력 도중에 cursor: "grabbing"을 캔버스에 적용합니다.

wheelScrollable

마우스 우클릭시 표시되는 컨텍스트 메뉴를 비활성화합니다.

zoom

카메라 줌을 담당하는 컨트롤.
zoom 옵션 변경도 가능합니다.

Methods

destroy

인스턴스를 삭제하고 부착된 모든 이벤트 리스너를 제거합니다.
또한, 캔버스에 적용된 CSS cursor도 제거합니다.

disable

컨트롤을 비활성화하고 모든 이벤트 리스너들을 제거합니다.

enable

컨트롤을 활성화하고 이벤트 리스너들을 추가합니다.

resize

컨트롤이 내부에 캐시하고 있는 크기값을 갱신합니다.

sync

컨트롤을 카메라의 현재 상태와 동기화합니다.

update

컨트롤을 주어진 시간만큼 업데이트합니다.

Constructor

새 인스턴스를 생성합니다.

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

Parameters

element

HTMLElement

캔버스 엘리먼트

camera

Camera

Camera 인스턴스

options

PanoControlOptions

PanoControl 옵션들

Properties

animating

>=4.0.0

readonly

animating

boolean

현재 컨트롤 중 하나라도 동작중인지 여부를 나타내는 값

source

disableContextMenu

disableContextMenu

boolean

마우스 우클릭시 표시되는 컨텍스트 메뉴를 비활성화합니다.

source

enabled

>=4.0.0

readonly

enabled

boolean

컨트롤 활성화 여부를 가리키는 값

source

gyro

readonly

gyro

GyroControl

자이로스코프를 통한 카메라 회전을 담당하는 컨트롤.
gyro 옵션 변경도 가능합니다.

source

ignoreZoomScale

>=4.0.0

ignoreZoomScale

boolean

true일 경우 줌 된 정도에 따라 회전속도를 늦추는 동작을 비활성화합니다.

source

rotate

readonly

rotate

RotateControl

카메라 회전을 담당하는 컨트롤.
rotate 옵션 변경도 가능합니다.

source

scrollable

scrollable

boolean

마우스 우클릭시 표시되는 컨텍스트 메뉴를 비활성화합니다.

source

useGrabCursor

useGrabCursor

boolean

마우스 사용시 CSS cursor값을 자동으로 변경할지 여부.
true일 경우 기본 상태에서 cursor: "grab"을, 입력 도중에 cursor: "grabbing"을 캔버스에 적용합니다.

source

wheelScrollable

wheelScrollable

boolean

마우스 우클릭시 표시되는 컨텍스트 메뉴를 비활성화합니다.

source

zoom

readonly

zoom

ZoomControl

카메라 줌을 담당하는 컨트롤.
zoom 옵션 변경도 가능합니다.

source

Methods

destroy

>=4.0.0

destroy

void

destroy(): void

인스턴스를 삭제하고 부착된 모든 이벤트 리스너를 제거합니다.
또한, 캔버스에 적용된 CSS cursor도 제거합니다.

source

disable

>=4.0.0

disable

void

disable(): void

컨트롤을 비활성화하고 모든 이벤트 리스너들을 제거합니다.

source

enable

>=4.0.0

enable

Promise<void>

enable(): Promise<void>

컨트롤을 활성화하고 이벤트 리스너들을 추가합니다.

source

resize

>=4.0.0

resize

void

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

컨트롤이 내부에 캐시하고 있는 크기값을 갱신합니다.

Parameters

width

number

변경된 너비

height

number

변경된 높이

source

sync

>=4.0.0

sync

void

sync(): void

컨트롤을 카메라의 현재 상태와 동기화합니다.

source

update

>=4.0.0

update

void

update(delta: number): void

컨트롤을 주어진 시간만큼 업데이트합니다.

Parameters

delta

number

업데이트할 시간, 밀리초 단위

source