[주의!] 문서의 이전 버전(에 수정)을 보고 있습니다. 최신 버전으로 이동
분류
[안내] 본 문서는 아직 작성이 덜 된 문서입니다. 문서가 완벽해질 때까지 많은 협조 부탁드립니다. |
1. 개요 [편집]
- 좌표나 특정 값을 0과 1로 구별해 특정 시간동안 1로 도달하게끔 만드는 코드이다.
2. 종류 [편집]
2.1. ease in [편집]
- 느리게 시작해 점점 빨라지는 시적 효과로, ease out의 프레임당 변화를 뒤집은 것이라 보면 된다.
2.1.1. ease in back [편집]
- 느리게 시작해 점점 빨라지는 시적 효과이다. 하지만 이 코드는 처음에서부터 시작해서 약간 튕겼다가 간다. (예: y좌표를 위로 변경하는 경우 밑으로 조금 갔다가 위로 올라간다.)
2.1.2. ease in elastic [편집]
- ease in back 코드에서 더 강하게 튕기는 코드.
2.1.3. ease in bounce [편집]
- y좌표를 위로 올린다고 가정한다면, 올라갔다가, 다시 처음으로 내려갔다가를 반복하다가 점점 높아지다가 목표 y지점에 도착하는 코드.
2.2. ease out [편집]
- 시적 효과는 abn과 비슷하다. 시간 기반이므로 abnt와 비슷한 경향이 있다.
2.2.1. ease out back [편집]
- ease in back의 프레임당 변화를 뒤집은 것이라 보면 된다.
2.2.2. ease out elastic [편집]
- ease in elastic에서 프레임당 변화를 뒤집은 것이라 보면 된다.
2.2.3. ease out bounce [편집]
- ease in bounce의 프레임당 변화를 뒤집은 것이라 보면 된다.
2.3. ease in out [편집]
- 느리게 시작해 점점 빨라지다가 점점 느려지는 코드이다. 쉽게 말하면 ease in과 ease out을 이어서 실행한 것이라고 볼 수 있다.
2.3.1. ease in out back [편집]
- ease in back과 ease out back을 이어붙인 코드.
2.3.2. ease in out elastic [편집]
- ease in elastic과 ease out elastic을 이어붙인 코드.
2.3.3. ease in out bounce [편집]
- ease in bounce와 ease out bounce를 이어붙인 코드.
2.4. ease out in [편집]
- ease in out의 프레임당 변화를 뒤집은 것이라 보면 된다. 그니까, 빠르게 시작해 점점 느려지다가 점점 빨라지는 코드이다.