ease

(r28 Blame)

		r28
r23 RealErato	1	[[분류:함수]][[분류:코드]][include(틀:작성 중)]
r1 RealErato (새 문서)	2	[목차]
r1 RealErato (새 문서)	3	== 개요 ==
r26 bpdq2	4	* 0에서 1로 등속운동을 하는 어떤 변수 t[* 보통은 초시계를 사용해 시간을 쓰지만, 일부~~귀찮은~~ 경우 변수를 사용해 구현 할 수 있다.]에 대하여 f(t)의 위치를 정해주는 함수다.
r26 bpdq2	5	* 주로 치역[* 함수가 값을 받는 범위]과 정의역[* 함수가 값을 뱉는 범위][* back, elastic같은 일부 함수는 정의역이 살짝 넘어가기도 한다.]이 0~1이지만, 매핑[* 범위 a~b에 있는 어떤 값x를 범위 c~d에 있는 값에 대입하는 것.]을 하여 원하는 범위에서 입출력하게 만든다.
r14 RealErato	6	== 작품 ==
r21 RealErato	7	\|\| '''개발자''' \|\| '''작품 공유일''' \|\| '''조회수''' \|\| '''좋아요''' \|\| '''북마크''' \|\| '''링크''' \|\| '''비고''' \|\|
r25 bpdq2	8	\|\| [[bpdq]] \|\| 2025. 10. 11. \|\| 3.4k \|\| 157 \|\| 102 \|\| [[https://playentry.org/project/68e97caae7f61a6e53f4542c\|[[파일:엔트리 아이콘.svg\|width=25]]]] \|\|
r21 RealErato	9	\|\| [[aqu3180]] \|\| 2025. 01. 08. \|\| 1069 \|\| 40 \|\| 33 \|\| [[https://playentry.org/project/677e4490803d94b862515ebc\|[[파일:엔트리 아이콘.svg\|width=25]]]] \|\| 이 문서에서는 이 작품을 기준으로 한다. \|\|
	10	\|\| f_unction \|\| 2026. 05. 30. \|\| 174 \|\| 14 \|\| 8 \|\| [[https://playentry.org/project/6a1aa2f980a83345b60b106e\|[[파일:엔트리 아이콘.svg\|width=25]]]] \|\|
	11	\|\| 리토리 \|\| 2026. 02. 13. \|\| 126 \|\| 6 \|\| 3 \|\| [[https://playentry.org/project/698dee783dbecea3c3744086\|[[파일:엔트리 아이콘.svg\|width=25]]]] \|\|
	12	\|\| 770544 \|\| 2025. 11. 20. \|\| 145 \|\| 6 \|\| 4 \|\| [[https://playentry.org/project/691f057a69e8e154e8b4d20c\|[[파일:엔트리 아이콘.svg\|width=25]]]] \|\|
	13	\|\| initialized \|\| 2024. 10. 22. \|\| 114 \|\| 4 \|\| 1 \|\| [[https://playentry.org/project/6717bd8173c92c8309a6e8b0\|[[파일:엔트리 아이콘.svg\|width=25]]]] \|\|
r24 captain	14	\|\| [[_캡틴_]] \|\| 2025. 11. 12. \|\| 66 \|\| 2 \|\| 1 \|\| [[https://playentry.org/project/6913ebdd3a3cb0c1e44e2575\|[[파일:엔트리 아이콘.svg\|width=25]]]] \|\|
r21 RealErato	15	\|\| ꧁뉴비q191꧂ \|\| 2026. 04. 15. \|\| 67 \|\| 1 \|\| 0 \|\| [[https://playentry.org/project/69dfa103eea99d72bad96249\|[[파일:엔트리 아이콘.svg\|width=25]]]] \|\|
r21 RealErato	16	\|\| awde34 \|\| 2026. 02. 17. \|\| 49 \|\| 1 \|\| 2 \|\| [[https://playentry.org/project/6993ea7e5ac87341bd05ff72\|[[파일:엔트리 아이콘.svg\|width=25]]]] \|\|
r1 RealErato (새 문서)	17
r1 RealErato (새 문서)	18	== 종류 ==
r27 bpdq2	19	=== 접미사 ===
	20	* -in
	21	* 느리게 시작했다가 서서히 빨라지는 함수 유형이다.[* 도함수가 0~1 범위에서 증가함수다.]
	22	* -out
	23	* 빠르게 시작했다가 서서히 느려지는 함수 유형이다.[* 도함수가 0~1 범위에서 감소함수다.]
	24	* -in-out
	25	*in과 out을 붙힌것으로, 느림->빠름->느림 순서로 움직이는 함수 유형이다.
	26	왠만해서 [math(t<0.5)] 에서는 [math(\frac{in(2t)}{2})]를, 아닐시 [math(\frac{1+out(2t-1)}{2})]의 식을 사용한다.[* 이후 in-out 함수의 식은 생략 할 예정.]
	27	* -out-in
	28	* 해당 문서에는 별다른 언급이 없을 예정이지만, out과 in을 붙힌것으로 빠름->느림->빠름 순서로 움직이는 함수 유형이다.
	29	자주 쓰이지 않는 유형이다.
	30	=== ease power ===
	31	*지수함수의 형태로 정의되는 ease함수다.
	32	위에 붙는 지수의 값에 따라 Quad, Cubic, Quart, Quint, Expo[ 순서대로 2,3,4,5,6.]등 다양하지만 굳이 서술 할 이유가 없으므로 Quad를 대표로 서술하였다.
r5 RealErato	33
r27 bpdq2	34	ease in quad. 수식은 [math(f(x)=x^2)].[ 2가 아닌 다른값을 넣으면 다르게 움직인다. 클수록 극단적.]
	35	[[파일:ease in quad.png\|width=200]]
	36	*ease out quad. 수식은 [math(f(x)=1-(1-x)^2)].
	37	[[파일:ease out quad.png\|width=200]]
	38	*ease in-out quad.
	39	[[파일:ease in out quad.png\|width=200]]
	40
	41	=== ease sine ===
	42	* 삼각함수를 사용한 ease함수 유형이다. 그 외에는 별 특별한 것 없다.
	43
	44	ease in sine. 수식은 [math(f(x)=1-\sin(90(1-x)))]. [ 원래는 90 대신 [math(\frac{\pi}{2})]를 사용해야 하지만 엔트리는 60분법을 쓰기 때문에 90이다.]
	45	[[파일:ease in.png\|width=200]]
	46	*ease out sine. 수식은 [math(f(x)=\sin(90x))].
	47	[[파일:ease out.png\|width=200]]
	48	*ease in-out sine.
	49	[[파일:ease in out.png\|width=200]]
	50
	51	=== ease back ===
	52	* 잠깐 뒤로 갔다가[* 정의역이 0~1을 벗어난다.] 오는 ease함수 유형이다.
	53
	54	ease in back. 수식은 [math(f(x)=(s+1)x^3-sx^2)]. 여기서 s는 ease back에서 사용되는 상수값으로, [math(s=1.70158)][ s값을 바꾸면 움직임도 바뀐다. power과 동일하게 클수록 극단적.]이다.
	55	[[파일:ease in back.png\|width=200]]
	56	*ease out back. 수식은 [math(f(x)=1+(s+1)(x-1)^3+s(x-1)^2)].
	57	[[파일:ease out back.png\|width=200]]
	58	ease in-out back. in-out에서는 s값에 1.525를 곱하여 사용한다.[ 예제 작품에서는 곱하지 않았다.]
	59	[[파일:ease in out back.png\|width=200]]
	60
	61	=== ease circ ===
	62	* 이름답게 그래프가 사분원[* 중심각이 90도인 부채꼴. ~~4개로 자른 피자조각~~]을 그리는 ease함수 유형이다.
	63	속도가 극단적으로 빨라진다.
	64
	65	*ease in circ. 수식은 [math(f(x)=1-\sqrt{1-x^2})].
	66	[[파일:ease in circ.png\|width=200]]
	67	*ease out circ. 수식은 [math(f(x)=\sqrt{1-(1-x^2)})].
	68	[[파일:ease out circ.png\|width=200]]
	69	*ease in-out circ.
	70	[[파일:ease in out circ.png\|width=200]]
	71
	72	=== ease bounce ===
	73	* 통통 튀면서 움직이는 ease함수 유형이다.
	74	ease '''out''' bounce.[ 편의상 out먼저 기술하였다.] 수식은..
	75	[math(
	76	f(x)=
	77	\begin{cases}
	78	\frac{121}{16}x^2, & x<\frac{4}{11}\ \\
	79	\frac{121}{16}\left(x-\frac{6}{11}\right)^2+\frac{3}{4}, & x<\frac{8}{11}\ \\
	80	\frac{121}{16}\left(x-\frac{9}{11}\right)^2+\frac{15}{16}, & x<\frac{10}{11}\ \\
	81	\frac{121}{16}\left(x-\frac{21}{22}\right)^2+\frac{63}{64}, & x\leq1 \\
	82	\end{cases}
	83	)] [* 튕기는 부분이 전부 다른 함수여서 정의가 이렇다.]
	84
	85	[[파일:ease out bounce.png\|width=200]]
	86	*ease in bounce. 수식은 [math(f(x)=1-\operatorname{easeoutbounce}(1-x))].
	87	[[파일:ease in bounce.png\|width=200]]
	88	*ease in-out bounce.
	89	[[파일:ease in out bounce.png\|width=200]]
	90
	91	=== ease elastic ===
	92	* ease back과 비슷하지만, 한번에 돌아가는게 아닌 주변을 왔다갔다 하다가 도착하는 ease함수 유형이다.
	93	* 이 함수의 경우 정확히 정해진 수식이 없기 때문에 서술하지 않았다.[* 주로 exp와 삼각함수를 섞어서 만든다.]
	94	*ease in elastic.
	95	[[파일:ease in elastic.png\|width=200]]
	96	*ease out elastic.
	97	[[파일:ease out elastic.png\|width=200]]
98	*ease in-out elastic.
99	[[파일:ease in out elastic.png\|width=200]]
r19 RealErato	100
r19 RealErato	101	== 여담 ==
r28 bpdq2	102	* 사실 저 함수들 말고도 f(0)=0, f(1)=1을 만족하고 함수가 연속이라면 Ease함수로 쓸 수 있다. 예를 들어 [math(tan(45x))].
r19 RealErato	103
	104	== 관련 문서 ==
	105	* [[타이포그래피]]
	106	* [[엔트리/코드]]
r20 RealErato	107	* [[:분류:함수]]
r22 RealErato	108	[각주][include(틀:문서 가져옴, title=타이포그래피, version=10, uuid=1a12668a-592f-4e26-a2a0-a495d0980ad3)]

별도로 명시하지 않은 경우, 내용은 CC0에 따라 사용할 수 있습니다.