애니메이션

즐거운 게임 수학

선형 보간법(linear interpolation)

UI 버튼을 화면에 표기하려 한다. 이 때 UI는 처음 화면 밖에 있다가 화면 중앙으로 빠르게 이동하면서 천천히 중앙에 도달하는 애니메이션 UI를 만들고 싶을 때 어떻게 하면 좋을까? function lerp(pos: number, tPos: number, amount: number) { return pos + (tPos - pos) * amount; } 바로 선형보간법을 이용하여 구현할 수 있다. 선형보간법이란? 시작점과 끝점, 두 점의 값이 주어졌을 때 그 사이에 위치한 값을 추정하기 위하여 직선 거리에 따라 선형적으로 계산하는 방법이다. UI 버튼의 X, Y 좌표를 선형보간법을 사용하여 매 프레임마다 일정 거리만큼 이동시켜주면 된다. const x = lerp(x, screenCenterX, 0.2..

개발 이야기/React

육각형 그래프 애니메이션을 구현해보았다.

이 글을 읽기 전에 먼저 읽으면 좋은 글! 특정 각도에서 일정 거리의 좌표 구하기 각도의 단위, 라디안(radian)과 디그리(degree) 선형 보간법(linear interpolation) 특정 각도에서 일정 거리의 좌표 구하기 내 캐릭터 기준 30도, 50m에 있는 적을 감지하고 싶을 때는 어떻게 구현할 수 있을까? 바로 삼각함수중 코사인 함수와 사인 함수를 이용하면 쉽게 구할 수 있다. 코사인(cos) 코사인은 삼각형에서 hi-develop.tistory.com 각도의 단위, 라디안(radian)과 디그리(degree) 라디안(radian)과 디그리(degree)는 각도를 측정하는 단위이다. 디그리(degree)는 원을 360도로 나누어 정의한 각도의 단위이며 수학에서는 호도법을 사용하여 2π 라..

S.H.S
'애니메이션' 태그의 글 목록