고려해볼 만한 애니메이션 효과 - YangJJune/U-Compass GitHub Wiki

위치 찾기 방 애니메이션

image

퍼져 나가는 효과

  • AnimatedVisibility 컴포저블 사용
  • enter Transition 에 scaleIn 사용
  • 안쪽 원에서부터 차례대로 퍼져나가는 효과 구현

레이더 효과

image

  • 위 이미지처럼 돌아가는 효과 구현
  • animateFloat 을 통해서 각도를 설정
  • Modifier.rotate 에 각도 삽입

참여한 리스트 애니메이션

image

차례대로 나타나는 효과

  • AnimatedVisibility 컴포저블 사용
  • 코루틴 스코프 사용
  • 위에있는 방부터 차례대로 나타나게 구현

친구의 위치 애니메이션

image

친구의 위치가 바뀔 때마다 animateOffset 을 사용해 자연스레 움직이게끔 구현

팝업 애니메이션

image

팝업이 나타날 때 잠깐 커지면서 바운스 효과를 나타내도록 구현

  • AnimatedVisibility 컴포저블 사용
  • initailScale 을 조금 키워서 구현
  • spring 사용해 바운스 효과 구현