애플 사이트 애니메이션 직접 제작
이런 애니메이션을 구동하기 위해서 알아야 하는 것들을 배웁니다. Flutter의 퍼포먼스로 애니메이션 오버헤드는 걱정 안하셔도 됩니다.
스크롤 영상 재생 애니메이션
알고 보면 초 간단한 스크롤 영상 재생 애니메이션입니다.
Example Curriculum
Intro
등록 기간
일
일
등록 후
First Section
등록 기간
일
일
등록 후
- 00_Timed N control animation (1:59)
- 01_Control animation (1:46)
- 02_Two types of control animation (1:38)
- 03_What to consider for animate (2:20)
- 04_Approach to animation in flutter (2:09)
- 05_Perspective N matrix 4d (5:04)
- 06_Open starter project (1:30)
- 07_Detect scroll (1:43)
- 08_Scroll data (1:28)
- 09_Convert scroll percentage to zero to one (3:16)
- 10_Use ticker to get notified (7:01)
- 11_Animate text (7:17)
- 12_Animate opacity (6:42)
- 13_Apply curve to value (8:02)
- 14_Apply scale (7:01)
- 15_Apply perspective (6:16)
- 16_Imgs for video animation (4:23)
- 17_Show img sequances by scroll (7:57)
- 18_Preload imgs (6:21)
강의에서 배우는 개념들
*Rive assets 제작 방법은 포함하지 않았습니다. (저도 비전문가라서요^^;)
- 애니메이션 개념 이해.
- 애니메이션 타입.
- Curve 이해 및 만드는 법.
- 이미 제공되는 Curves 사용 법.
- timed animation
- controllable animation
- Rive asset 사용 방법.
- Transform 위젯 사용법.
- Matrix4 개념 이해.
- Perspective 이해.
이 강의를 진행하기 전에 들으면 좋은 강의들
이 강의는 Flutter를 접해보시고, Flutter를 통해 간단한 어플리케이션을 제작해보신 분들이 따라하기 편하십니다.
