AxesController

⚠️ This class is for internal use only.

class AxesController

A controller that handles the @egjs/axes events

Properties

Methods

axes
state
animatingContext
enabled
position
bounce

init
destroy
enable
disable
update
animateTo

Properties

axes

readonly

An Axes instance

Type: Axes

See:

• https://naver.github.io/egjs-axes/release/latest/doc/eg.Axes.html

state

A activated State that shows the current status of the user input or the animation

Type: State

animatingContext

readonly

A context of the current animation playing

Type: object

PROPERTY	TYPE	DESCRIPTION
start	number	A start position of the animation
end	number	A end position of the animation
offset	number	camera offset

enabled

readonly

A Boolean indicating whether the user input is enabled

Type: boolean

position

readonly

Current position value in Axes instance

Type: number

bounce

readonly

Actual bounce size(px)

Type: Array<number>

Methods

init

Initialize AxesController

Returns: this

PARAMETER	TYPE	OPTIONAL	DEFAULT	DESCRIPTION
flicking	Flicking	no		An instance of Flicking

destroy

Destroy AxesController and return to initial state

Returns: void

enable

Enable input from the user (mouse/touch)

Returns: this

disable

Disable input from the user (mouse/touch)

Returns: this

update

Update @egjs/axes's state

Returns: this

Throws: FlickingError

NOT_ATTACHED_TO_FLICKING When init is not called before

animateTo

Run Axes's setTo using the given position

Returns: Promise<void>

• A Promise which will be resolved after reaching the target position

PARAMETER	TYPE	OPTIONAL	DEFAULT	DESCRIPTION
position	number	no		A position to move
duration	number	no		Duration of the animation (unit: ms)
axesEvent	number	yes		If provided, it'll use its setTo method instead

Throws: FlickingError

code	condition
NOT_ATTACHED_TO_FLICKING	When init is not called before
ANIMATION_INTERRUPTED	When the animation is interrupted by user input