| r15 | ||
|---|---|---|
| r3 | 1 | [[분류:코드]][include(틀:작성 중)] |
| r1 (새 문서) | 2 | [목차] |
| 3 | == 개요 == | |
| 4 | * 좌표나 특정 값을 0과 1로 구별해 특정 시간동안 1로 도달하게끔 만드는 코드이다. | |
| r14 | 5 | |
| 6 | == 작품 == | |
| 7 | || 개발자 || 작품 공유일 || 링크 || 비고 || | |
| 8 | || [[aqu3180]] || 2025. 01. 08. || [[https://playentry.org/project/677e4490803d94b862515ebc|[[파일:엔트리 아이콘.svg|width=25]]]] || 이 문서에서는 이 작품을 기준으로 한다. || | |
| 9 | || f_unction || 2026. 05. 30. || [[https://playentry.org/project/6a1aa2f980a83345b60b106e|[[파일:엔트리 아이콘.svg|width=25]]]] || | |
| 10 | || 리토리 || 2026. 02. 13. || [[https://playentry.org/project/698dee783dbecea3c3744086|[[파일:엔트리 아이콘.svg|width=25]]]] || | |
| 11 | || 770544 || 2025. 11. 20. || [[https://playentry.org/project/691f057a69e8e154e8b4d20c|[[파일:엔트리 아이콘.svg|width=25]]]] || | |
| 12 | || initialized || 2024. 10. 22. || [[https://playentry.org/project/6717bd8173c92c8309a6e8b0|[[파일:엔트리 아이콘.svg|width=25]]]] || | |
| 13 | || [[_캡틴_]] || 2025. 11. 12. || [[https://playentry.org/project/6913ebdd3a3cb0c1e44e2575|[[파일:엔트리 아이콘.svg|width=25]]]] || | |
| 14 | || ꧁뉴비q191꧂ || 2026. 04. 15. || [[https://playentry.org/project/69dfa103eea99d72bad96249|[[파일:엔트리 아이콘.svg|width=25]]]] || | |
| r15 | 15 | || awde34 || 2026. 02. 17. || [[https://playentry.org/project/6993ea7e5ac87341bd05ff72|[[파일:엔트리 아이콘.svg|width=25]]]] |
| r1 (새 문서) | 16 | |
| 17 | == 종류 == | |
| 18 | === ease in === | |
| 19 | * 느리게 시작해 점점 빨라지는 시적 효과로, ease out의 프레임당 변화를 뒤집은 것이라 보면 된다. | |
| r7 | 20 | [[파일:ease in.png]] |
| r5 | 21 | ==== ease in back ==== |
| 22 | * 느리게 시작해 점점 빨라지는 시적 효과이다. 하지만 이 코드는 처음에서부터 시작해서 약간 튕겼다가 간다. (예: y좌표를 위로 변경하는 경우 밑으로 조금 갔다가 위로 올라간다.) | |
| r10 | 23 | [[파일:ease in back.png]] |
| r5 | 24 | ==== ease in elastic ==== |
| 25 | * ease in back 코드에서 더 강하게 튕기는 코드. | |
| r11 | 26 | [[파일:ease in elastic.png]] |
| r6 | 27 | ==== ease in bounce ==== |
| r5 | 28 | * y좌표를 위로 올린다고 가정한다면, 올라갔다가, 다시 처음으로 내려갔다가를 반복하다가 점점 높아지다가 목표 y지점에 도착하는 코드. |
| r13 | 29 | [[파일:ease in bounce.png]] |
| r1 (새 문서) | 30 | === ease out === |
| r2 | 31 | * 시적 효과는 abn과 비슷하다. 시간 기반이므로 abnt와 비슷한 경향이 있다. |
| r8 | 32 | [[파일:ease out.png]] |
| r5 | 33 | ==== ease out back ==== |
| 34 | * ease in back의 프레임당 변화를 뒤집은 것이라 보면 된다. | |
| r10 | 35 | [[파일:ease out back.png]] |
| r5 | 36 | ==== ease out elastic ==== |
| 37 | * ease in elastic에서 프레임당 변화를 뒤집은 것이라 보면 된다. | |
| r11 | 38 | [[파일:ease out elastic.png]] |
| r6 | 39 | ==== ease out bounce ==== |
| r5 | 40 | * ease in bounce의 프레임당 변화를 뒤집은 것이라 보면 된다. |
| r13 | 41 | [[파일:ease out bounce.png]] |
| r3 | 42 | === ease in out === |
| 43 | * 느리게 시작해 점점 빨라지다가 점점 느려지는 코드이다. 쉽게 말하면 ease in과 ease out을 이어서 실행한 것이라고 볼 수 있다. | |
| r9 | 44 | [[파일:ease in out.png]] |
| r5 | 45 | ==== ease in out back ==== |
| r4 | 46 | * ease in back과 ease out back을 이어붙인 코드. |
| r10 | 47 | [[파일:ease in out back.png]] |
| r5 | 48 | ==== ease in out elastic ==== |
| r4 | 49 | * ease in elastic과 ease out elastic을 이어붙인 코드. |
| r11 | 50 | [[파일:ease in out elastic.png]] |
| r6 | 51 | ==== ease in out bounce ==== |
| r4 | 52 | * ease in bounce와 ease out bounce를 이어붙인 코드. |
| r13 | 53 | [[파일:ease in out bounce.png]] |
| r5 | 54 | === ease out in === |
| 55 | * ease in out의 프레임당 변화를 뒤집은 것이라 보면 된다. 그니까, 빠르게 시작해 점점 느려지다가 점점 빨라지는 코드이다. | |
| r12 | 56 | [include(틀:문서 가져옴, title=타이포그래피, version=10, uuid=1a12668a-592f-4e26-a2a0-a495d0980ad3)] |