32YB SOPT/애니메이션 스터디 3

[SOPT] 애니메이션_4주차 (Bezier Path, CAnimations)

애니메이션 클론코딩 스터디 in SOPT iOS 4주차는 Bezier Path과 CAnimations 에 대하여 공부해보도록 하자. 우선 Bezier Path 의 Bezier 란! 간단하게 말하면 점 몇 개로 곡선을 특정할 수 있는 곡선이다. 이러한 특성 때문에 컴퓨터 그래픽이나 벡터 그래픽에서 곡선을 표현하는 방법으로 많이 쓰이고 있다. 하나의 직선 위를 점 M이 이동하고 있을 때, 당연히 점의 궤적은 직선으로 이루어질 것이며 t는 나아간 정도를 나타낼 것이다. 이때, 점이 이동한 직선을 1차 베지에 곡선이라고 말한다. 위 그림에서 선을 하나 추가하고 그 위를 이동하는 점을 놓으면 아래와 같은 모습으로 나타난다. 이때 M0과 M1을 잇는 선을 점 B를 놓을 수 있다. 점 B가 그리는 궤적이 2차 베지에..

[SOPT] 애니메이션_3주차 (ContentOffset, Skeleton Animation)

애니메이션 클론코딩 스터디 in SOPT iOS 3주차는 ContentOffset 와 Skeleton Animation 에 대하여 공부하였다. ContentOffset 이란 UIScrollView의 하위 프로퍼티중 하나다. 직관적으로 말하자면, ContentOffset 은 내가 스크롤 한 만큼의 좌표라고 생각할 수 있다. 3주차에서는 이를 이용하여 스크롤를 한계까지 늘렸을 때, 이미지가 늘어나 뷰의 백그라운드를 감추는 실습을 진행하였다. 그렇게 한 것이 더 에쁘다고 한다! 그렇다면 실습을 시작해보자 ! 왼쪽은 익범 스장님이 보내주신 기존 코드, 오른쪽은 실습을 마친 뒤 완성 코드로 시뮬레이터를 돌려보았을 때 화면이다. 왼쪽처럼 어떠한 효과도 주지 않는다면 끝까지 당겼을 때 사진 크기가 변경되지 않고 당겨..

[SOPT] 애니메이션_2주차 (UIGestureRecognizer 중 UIPanGestureRecognizer)

애니메이션 클론코딩 스터디 in SOPT iOS 2주차는 UIGestureRecognizer 에 대하여 공부하였다. UIGesureRecognizer 는 class 의 한 종류이고 말 그대로 gesture 와 관련된 class 다. 아래와 같이 8개의 제스처를 제공한다. - UITapGestureRecognizer - UIPinchGestureRecognizer - UIRotainGestureRecognizer - UISwipeGestureRecognizer - UIPanGestureRecognizer - UIScreenEdgePanGestureRecognizer - UILongPressGestureRecognizer - UIHoverGestureRecognizer 구체적인 제스처 사용법은 따로 포스팅하..