| r4 | ||
|---|---|---|
| r3 | 1 | [[분류:코드]][include(틀:작성 중)] |
| r1 (새 문서) | 2 | [목차] |
| 3 | == 개요 == | |
| 4 | * 좌표나 특정 값을 0과 1로 구별해 특정 시간동안 1로 도달하게끔 만드는 코드이다. | |
| 5 | ||
| 6 | == 종류 == | |
| 7 | === ease in === | |
| 8 | * 느리게 시작해 점점 빨라지는 시적 효과로, ease out의 프레임당 변화를 뒤집은 것이라 보면 된다. | |
| 9 | ||
| 10 | === ease out === | |
| r2 | 11 | * 시적 효과는 abn과 비슷하다. 시간 기반이므로 abnt와 비슷한 경향이 있다. |
| r1 (새 문서) | 12 | |
| r3 | 13 | === ease in out === |
| 14 | * 느리게 시작해 점점 빨라지다가 점점 느려지는 코드이다. 쉽게 말하면 ease in과 ease out을 이어서 실행한 것이라고 볼 수 있다. | |
| 15 | ||
| 16 | === ease out in === | |
| 17 | * ease in out의 프레임당 변화를 뒤집은 것이라 보면 된다. 그니까, 빠르게 시작해 점점 느려지다가 점점 빨라지는 코드이다. | |
| 18 | ||
| r4 | 19 | === ease in back === |
| 20 | * 느리게 시작해 점점 빨라지는 시적 효과이다. 하지만 이 코드는 처음에서부터 시작해서 약간 튕겼다가 간다. (예: y좌표를 위로 변경하는 경우 밑으로 조금 갔다가 위로 올라간다.) | |
| 21 | ||
| 22 | === ease out back === | |
| 23 | * ease in back의 프레임당 변화를 뒤집은 것이라 보면 된다. | |
| 24 | ||
| 25 | === ease in out back === | |
| 26 | * ease in back과 ease out back을 이어붙인 코드. | |
| 27 | ||
| 28 | === ease in elastic === | |
| 29 | * ease in back 코드에서 더 강하게 튕기는 코드. | |
| 30 | ||
| 31 | === ease out elastic === | |
| 32 | * ease in elastic에서 프레임당 변화를 뒤집은 것이라 보면 된다. | |
| 33 | ||
| 34 | === ease in out elastic === | |
| 35 | * ease in elastic과 ease out elastic을 이어붙인 코드. | |
| 36 | ||
| 37 | === ease in bounce === | |
| 38 | * y좌표를 위로 올린다고 가정한다면, 올라갔다가, 다시 처음으로 내려갔다가를 반복하다가 점점 높아지다가 목표 y지점에 도착하는 코드. | |
| 39 | ||
| 40 | === ease out bounce === | |
| 41 | * ease in bounce의 프레임당 변화를 뒤집은 것이라 보면 된다. | |
| 42 | ||
| 43 | === ease in out bounce === | |
| 44 | * ease in bounce와 ease out bounce를 이어붙인 코드. | |
| 45 |