ease

(r26 RAW)
[[분류:함수]][[분류:코드]][include(틀:작성 중)]
[목차]
== 개요 ==
 * 0에서 1로 등속운동을 하는 어떤 변수 t[* 보통은 초시계를 사용해 시간을 쓰지만, 일부~~귀찮은~~ 경우 변수를 사용해 구현 할 수 있다.]에 대하여 f(t)의 위치를 정해주는 함수다.
 * 주로 치역[* 함수가 값을 받는 범위]과 정의역[* 함수가 값을 뱉는 범위][* back, elastic같은 일부 함수는 정의역이 살짝 넘어가기도 한다.]이 0~1이지만, 매핑[* 범위 a~b에 있는 어떤 값x를 범위 c~d에 있는 값에 대입하는 것.]을 하여 원하는 범위에서 입출력하게 만든다.
== 작품 ==
|| '''개발자''' || '''작품 공유일''' || '''조회수''' || '''좋아요''' || '''북마크''' || '''링크''' || '''비고''' ||
|| [[bpdq]] || 2025. 10. 11. || 3.4k || 157 || 102 || [[https://playentry.org/project/68e97caae7f61a6e53f4542c|[[파일:엔트리 아이콘.svg|width=25]]]] ||
|| [[aqu3180]] || 2025. 01. 08. || 1069 || 40 || 33 || [[https://playentry.org/project/677e4490803d94b862515ebc|[[파일:엔트리 아이콘.svg|width=25]]]] || 이 문서에서는 이 작품을 기준으로 한다. ||
|| f_unction || 2026. 05. 30. || 174 || 14 || 8 || [[https://playentry.org/project/6a1aa2f980a83345b60b106e|[[파일:엔트리 아이콘.svg|width=25]]]] ||
|| 리토리 || 2026. 02. 13. || 126 || 6 || 3 || [[https://playentry.org/project/698dee783dbecea3c3744086|[[파일:엔트리 아이콘.svg|width=25]]]] ||
|| 770544 || 2025. 11. 20. || 145 || 6 || 4 || [[https://playentry.org/project/691f057a69e8e154e8b4d20c|[[파일:엔트리 아이콘.svg|width=25]]]] ||
|| initialized || 2024. 10. 22. || 114 || 4 || 1 || [[https://playentry.org/project/6717bd8173c92c8309a6e8b0|[[파일:엔트리 아이콘.svg|width=25]]]] ||
|| [[_캡틴_]] || 2025. 11. 12. || 66 || 2 || 1 || [[https://playentry.org/project/6913ebdd3a3cb0c1e44e2575|[[파일:엔트리 아이콘.svg|width=25]]]] ||
|| ꧁뉴비q191꧂ || 2026. 04. 15. || 67 || 1 || 0 || [[https://playentry.org/project/69dfa103eea99d72bad96249|[[파일:엔트리 아이콘.svg|width=25]]]] ||
|| awde34 || 2026. 02. 17. || 49 || 1 || 2 || [[https://playentry.org/project/6993ea7e5ac87341bd05ff72|[[파일:엔트리 아이콘.svg|width=25]]]] ||

== 종류 ==
=== ease in ===
 * 느리게 시작해 점점 빨라지는 시적 효과로, ease out의 프레임당 변화를 뒤집은 것이라 보면 된다.
[[파일:ease in.png]]
==== ease in back ====
 * 느리게 시작해 점점 빨라지는 시적 효과이다. 하지만 이 코드는 처음에서부터 시작해서 약간 튕겼다가 간다. (예: y좌표를 위로 변경하는 경우 밑으로 조금 갔다가 위로 올라간다.)
[[파일:ease in back.png]]
==== ease in elastic ====
 * ease in back 코드에서 더 강하게 튕기는 코드.
[[파일:ease in elastic.png]]
==== ease in bounce ====
 * y좌표를 위로 올린다고 가정한다면, 올라갔다가, 다시 처음으로 내려갔다가를 반복하다가 점점 높아지다가 목표 y지점에 도착하는 코드.
[[파일:ease in bounce.png]]
=== ease out ===
 * 시적 효과는 abn과 비슷하다. 시간 기반이므로 abnt와 비슷한 경향이 있다.
[[파일:ease out.png]]
==== ease out back ====
 * ease in back의 프레임당 변화를 뒤집은 것이라 보면 된다.
[[파일:ease out back.png]]
==== ease out elastic ====
 * ease in elastic에서 프레임당 변화를 뒤집은 것이라 보면 된다.
[[파일:ease out elastic.png]]
==== ease out bounce ====
 * ease in bounce의 프레임당 변화를 뒤집은 것이라 보면 된다.
[[파일:ease out bounce.png]]
=== ease in out ===
 * 느리게 시작해 점점 빨라지다가 점점 느려지는 코드이다. 쉽게 말하면 ease in과 ease out을 이어서 실행한 것이라고 볼 수 있다.
[[파일:ease in out.png]]
==== ease in out back ====
 * ease in back과 ease out back을 이어붙인 코드.
[[파일:ease in out back.png]]
==== ease in out elastic ====
 * ease in elastic과 ease out elastic을 이어붙인 코드.
[[파일:ease in out elastic.png]]
==== ease in out bounce ====
 * ease in bounce와 ease out bounce를 이어붙인 코드.
[[파일:ease in out bounce.png]]
=== ease out in ===
 * ease in out의 프레임당 변화를 뒤집은 것이라 보면 된다. 그니까, 빠르게 시작해 점점 느려지다가 점점 빨라지는 코드이다.

== 원리 ==
 * 추가 예정

== 여담 ==
 * 목차에 해당되지 않는 정보를 적습니다.

== 관련 문서 ==
 * [[타이포그래피]]
 * [[엔트리/코드]]
 * [[:분류:함수]]
[각주][include(틀:문서 가져옴, title=타이포그래피, version=10, uuid=1a12668a-592f-4e26-a2a0-a495d0980ad3)]
별도로 명시하지 않은 경우, 내용은 CC0에 따라 사용할 수 있습니다.