SwiftUI, Animation Foundations: Fundamentals

Hi, My name is Amos Gyamfi. I have been using SwiftUI to create animations and prototypes since its very first release in 2019. I am so excited to teach you how to get started, prototype and, build your next iOS, tvOS, iPadOS, and watchOS App animations using SwiftUI.

Welcome to SwiftUI Animation Foundations: Fundamentals. This course gives you the good foundations and the basic principles of animating anything you could imagine using SwiftUI. We will first go through how things change over time so that you know for example, how things move. We will then look at creating Basic Animation as well as Spring Animation. You will learn how to make your app animations look better, delightful, and useful using nothing but SwiftUI. So, let’s get started with SwiftUI Animation Foundations: Fundamentals.

Learning Objectives

• Understanding animation and motion in SwiftUI

• Working with Anchor Points (Center of mass)

• Understanding Basic Animation

• Designing Spring Animations

• How to make iOS App Animations look better

• The basics of Animation Timing

• Animating in 3D

• Motion on a circular path

Main Sections (will be updated weekly)

Creating Basic Animation

• A tour of SwiftUI animations

• Understanding how to animate

• Create your first Apple Watch animation: A Calming Breath

• How to animate Hue Rotation

• Animate and swap one text with another: Breath In, Breath Out

• Create a looping animation: A glowing ring loader

• Create your first SwiftUI animation

• Animating scale

• How to animate offset

Creating and Animating Shape Properties

• How to bring a compound path from Sketch

• How to create an animated matching ants

Designing Spring Animations

• Using default Spring Animation

• Understanding Spring Animation Parameters

• Understanding Momentum and Mass

• Understanding Stiffness in Spring Animation

• Friction and Drag: What is Damping?

• How Initial Velocity Affects Spring Animation

Animating in 3D

• Create a 3D Swing and Rotating Animation

• How to animate X, Y of 3D Rotation

• Animating Visual Effects: tvOS Focus and Parallax

Creating Breath Animation for Relaxation

• Understanding animation easing

• How to animate a trimmed path

• how to create a rotation animation

• how to animate scale

• Animating shadows

• How to animate color rotation (Hue adjustment)

Animating Twitter Like

Creating Weather Animations

Creating an Onboarding Animation: Island Fishing Animation (coming soon)