easing

Typefunction

DefaultEASING.EASE_OUT_CUBIC

Added inv4.0.0

줌 애니메이션에 적용할 easing function.
기본값으로 EASING.EASE_OUT_CUBIC이 적용됩니다.

예시

import View360, { EASING } from "@egjs/view360";

const view360 = new View360("#el_id", {
  zoom: {
    easing: EASING.LINEAR
  }
})

아래는 EASING.LINEAR를 적용한 예시입니다.

아래는 EASING.EASE_OUT_BOUNCE를 적용한 예시입니다.

직접 easing function을 만들어서 사용하실 수도 있습니다.
타입은 (x: number) => number고, x는 0~1사이 값이 들어오며 시작은 x=0일 때 0을, x=1일 때 1인 값을 반환하면 됩니다.