Dev/Flutter (2) 썸네일형 리스트형 [Flutter] 중심 좌표에서 특정 각도에 객체 그리기 플러터에 대한 두 번째 포스팅입니다. 본 포스팅에서는 중심점에서 특정 각도의 좌표를 구하는 방법에 대해 다뤄보도록 하겠습니다. 이전 포스팅과 마찬가지로 좌표와 관련한 계산은 삼각비 계산이 필요합니다. 삼각비는 직각삼각형에서 특정 두 변의 비율을 의미합니다. 본 예시 이미지에서는 우측 변이 직각임을 기준으로 작성하였습니다. 본 포스팅에서는 평면인 상태에서의 X, Y 좌표를 구하는 것에 대해 알아보겠습니다. 본 포스팅에서 작성하게 될 코드의 결과는 아래와 같습니다. 본 포스팅에서 적용할 삼각비는 cos와 sin입니다. cos는 밑변/빗변의 값으로 빗변에 대한 밑변의 비율을 구할 수 있습니다. 즉, 빗변이 늘어나면 늘어나는 밑변의 비율을, 빗변 줄어들면 줄어드는 밑변의 비율을 구할 수 있습니다. 좌표계의 X,.. [Flutter] CustomPainter를 이용한 팩맨 애니메이션 그리기 플러터에 대한 첫 포스팅입니다. 사실 본 블로그에서는 기초적인 세팅보다는 뭔가를 응용해서 필요할 때 바로 사용할 수 있는 것들을 위주로 포스팅을 할까 합니다. 이미 플러터 개발 환경 세팅, 위젯 종류 등 잘 설명되어있는 블로그나 문서가 많아서 굳이 재차 포스팅하는 게 의미가 없을 것 같더라고요. 따라서 본 포스팅에서는 독자가 플러터가 뭐하는 녀석인지 이미 파악이 되었음을 가정하겠습니다. 본론으로 돌아와서, 본 포스팅에서는 플러터에서 지원하는 CustomPainter 클래스를 이용해 화면상에 팩맨을 그리는 내용을 다루도록 하겠습니다. 구현에는 약간의 수학이 필요한데, 여기서는 호도법을 이용해 반복적으로 입을 움직이는 팩맨을 그려보도록 하겠습니다. 본 포스팅의 최종 결과물은 다음과 같습니다. 1. 구현에 필.. 이전 1 다음
