본문으로 건너뛰기

Motion

Since version 4.0.0

특정 시간동안 두 값을 보간해주는 보간기

class Motion

Properties

보간 진행중인지 여부. true일 경우 보간이 진행중입니다.

보간할 시간

보간에 사용되는 easing function

보간 끝 값

보간이 끝난 이후에 다시 시작할지 여부

현재 보간 진행정도 (0 ~ 1)

보간 범위

보간 시작 값

현재 보간된 값

Methods

현재 & 끝 및 현재 값에 주어진 값을 더합니다.

주어진 값으로 시작 지점, 끝 지점을 초기화하고 progress를 0으로 세팅합니다.

현재 값을 시작 지점으로, 그에서 delta만큼 추가된 값을 끝점으로 하고 progress를 0으로 갱신합니다.

보간의 범위를 변경합니다.

주어진 deltaTime만큼 보간을 진행합니다.

Constructor

새로운 인스턴스를 생성합니다.
new Motion(options: { duration: undefined | number; easing: undefined | ((x: number) => number); loop: undefined | boolean; range: undefined | { max: number; min: number } }): Motion

Parameters

options

{ duration: undefined | number; easing: undefined | ((x: number) => number); loop: undefined | boolean; range: undefined | { max: number; min: number } }

{}

옵션들

options.duration

undefined | number

보간할 시간

options.easing

undefined | Function

options.loop

undefined | boolean

보간이 끝난 이후에 다시 시작할지 여부

options.range

undefined | Object

보간 범위

Properties

activated

>=4.0.0
readonly
activated

boolean

보간 진행중인지 여부. true일 경우 보간이 진행중입니다.

duration

>=4.0.0
duration

number

보간할 시간

easing

>=4.0.0
easing

((x: number) => number)

보간에 사용되는 easing function

end

>=4.0.0
readonly
end

number

보간 끝 값

loop

>=4.0.0
loop

boolean

보간이 끝난 이후에 다시 시작할지 여부

progress

>=4.0.0
readonly
progress

number

현재 보간 진행정도 (0 ~ 1)

range

>=4.0.0
readonly
range

Range

보간 범위

start

>=4.0.0
readonly
start

number

보간 시작 값

val

>=4.0.0
readonly
val

number

현재 보간된 값

Methods

add

add

void

add(delta: number): void

현재 & 끝 및 현재 값에 주어진 값을 더합니다.

Parameters

delta

number

추가할 값

reset

>=4.0.0
reset

void

reset(defaultVal: number): void

주어진 값으로 시작 지점, 끝 지점을 초기화하고 progress를 0으로 세팅합니다.

Parameters

defaultVal

number

초기화할 값

setNewEndByDelta

setNewEndByDelta

void

setNewEndByDelta(delta: number): void

현재 값을 시작 지점으로, 그에서 delta만큼 추가된 값을 끝점으로 하고 progress를 0으로 갱신합니다.

Parameters

delta

number

추가할 값

setRange

setRange

void

setRange(min: number, max: number): void

보간의 범위를 변경합니다.

Parameters

min

number

변경할 범위의 최소값

max

number

변경할 범위의 최대값

update

>=4.0.0
update

number

update(deltaTime: number): number

주어진 deltaTime만큼 보간을 진행합니다.

Parameters

deltaTime

number

보간을 진행할 시간, 밀리초 단위

Returns

지난 업데이트 이후의 값 변화량