본문으로 건너뛰기
버전: 4.0.0

CircularCamera

class CircularCamera extends Camera

첫번째 패널과 마지막 패널이 이어진 상태로, 무한히 회전할 수 있는 종류의 Camera

Properties

element

readonlyinherited

카메라(.flicking-camera) 엘리먼트

Type: HTMLElement

position

readonlyinherited

Camera의 현재 좌표

Type: number

alignPosition

readonlyinherited

패널의 정렬 기준 위치. 뷰포트 내에서 PanelalignPosition이 위치해야 하는 곳입니다

Type: number

offset

readonlyinherited

Camera의 좌표 오프셋. renderOnlyVisible 옵션을 위해 사용됩니다.

Type: number

Default: 0

range

readonlyinherited

Camera의 position이 도달 가능한 범위

Type: object

PROPERTYTYPEDESCRIPTION
minnumber최소 위치
minnumber최대 위치

rangeDiff

readonlyinherited

Camera가 도달 가능한 최소/최대 좌표의 차이

Type: number

visiblePanels

readonlyinherited

현재 보이는 패널들의 배열

Type: Array<Panel>

visibleRange

readonlyinherited

현재 위치에서 보이는 범위

Type: object

PROPERTYTYPEDESCRIPTION
minnumber최소 위치
minnumber최대 위치

anchorPoints

readonlyinherited

카메라가 도달 가능한 AnchorPoint의 목록

Type: Array<AnchorPoint>

controlParams

readonlyinherited

AxesController를 업데이트하기 위한 현재 Camera 패러미터들

Type: object

PROPERTYTYPEDESCRIPTION
rangeobjectCamera가 도달 가능한 범위(range)
positionnumber현재 좌표
circularbooleancircular옵션 활성화 여부

atEdge

readonlyinherited

현재 카메라가 도달 가능한 범위의 최소 혹은 최대점을 넘어섰는지를 나타냅니다

Type: boolean

size

readonlyinherited

뷰포트 크기를 반환합니다

Type: number

progress

readonlyinherited

첫번째 패널로부터 마지막 패널까지의 카메라 위치의 진행도를 반환합니다
범위는 0부터 마지막 패널의 인덱스까지입니다

Type: number

align

inherited

alignPosition이 뷰포트 엘리먼트 내의 어디에 위치해야 하는지를 나타내는 값

Type: ALIGN | string | number

Methods

updateRange

Camera의 range를 업데이트합니다

Returns: this

Throws: FlickingError

NOT_ATTACHED_TO_FLICKING init이 이전에 호출되지 않은 경우

init

inherited

Camera를 초기화합니다

Returns: this

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
flickingFlickingnoFlicking의 인스턴스

Throws: FlickingError

VAL_MUST_NOT_NULL 뷰포트 엘리먼트 내부에 카메라 엘리먼트(.flicking-camera)가 존재하지 않을 경우

destroy

inherited

Camera를 초기 상태로 되돌립니다

Returns: void

lookAt

inheritedasync

해당 좌표로 이동하고, CSS transform을 적용합니다

Returns: this

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
posnumberno움직일 위치

Throws: FlickingError

NOT_ATTACHED_TO_FLICKING init이 이전에 호출되지 않은 경우

getPrevAnchor

inherited

주어진 AnchorPoint의 이전 AnchorPoint를 반환합니다
존재하지 않을 경우 null을 반환합니다

Returns: AnchorPoint | null

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
anchorAnchorPointno기준 AnchorPoint

getNextAnchor

inherited

주어진 AnchorPoint의 다음 AnchorPoint를 반환합니다
존재하지 않을 경우 null을 반환합니다

Returns: AnchorPoint | null

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
anchorAnchorPointno기준 AnchorPoint

getProgressInPanel

inherited

현재 카메라 아래 패널에서의 위치 진행도를 반환합니다
반환값은 카메라가 패널 내부에 있을 경우 0부터 1까지의 값을 갖습니다
패널의 margin 영역에 있을 경우 0보다 작거나 1보다 큰 값을 반환할 수 있습니다

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
panelPanelno

findAnchorIncludePosition

inherited

주어진 좌표를 포함하는 AnchorPoint를 반환합니다
주어진 좌표를 포함하는 AnchorPoint가 없을 경우 null을 반환합니다

Returns: AnchorPoint | null

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
positionnumberno확인할 좌표

findNearestAnchor

inherited

해당 좌표에서 가장 가까운 AnchorPoint를 반환합니다
AnchorPoint가 하나도 없을 경우 null을 반환합니다

Returns: AnchorPoint | null

PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
positionnumberno확인할 좌표

clampToReachablePosition

inherited

주어진 좌표를 Camera가 도달 가능한 범위 사이의 값으로 만듭니다

Returns: number

  • 범위 제한된 좌표
PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
positionnumberno범위를 제한할 좌표

canReach

inherited

해당 Panel이 Camera가 도달 가능한 범위 내에 있는지를 반환합니다

Returns: boolean

  • 도달 가능한 범위 내에 해당 패널이 존재하는지 여부
PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
panelPanelno확인할 Panel의 인스턴스

canSee

inherited

현재 좌표에서 해당 패널 엘리먼트를 볼 수 있는지 여부를 반환합니다

Returns: boolean

  • 현재 위치에서 해당 패널 엘리먼트가 보이는지 여부
PARAMETERTYPEOPTIONALDEFAULTDESCRIPTION
panelPanelno확인할 Panel의 인스턴스

updateAlignPos

inherited

Camera의 alignPosition을 업데이트합니다

Returns: this

updateAnchors

inherited

Camera의 anchorPoints를 업데이트합니다

Returns: this

Throws: FlickingError

NOT_ATTACHED_TO_FLICKING init이 이전에 호출되지 않은 경우

updateAdaptiveHeight

inherited

현재 선택된 패널의 높이와 동일하도록 뷰포트의 높이를 업데이트합니다

Returns: this

Throws: FlickingError

NOT_ATTACHED_TO_FLICKING init이 이전에 호출되지 않은 경우

resetNeedPanelHistory

inherited

발생한 needPanel 이벤트들을 초기화하여 다시 발생할 수 있도록 합니다

Returns: this