Description

Welcome to this course on SwiftUI animations iOS 16. This is a fun-to-code course with multiple hands-on projects geared toward various skill levels. Each project is marked 'Easy', 'Intermediate', or 'Advanced', allowing you to start coding projects according to your skill level and gradually move on to the higher levels when ready.

Create smooth and engaging animations with SwiftUI. This is a fun course with many projects for all skill levels ranging from easy, to intermediate, to advanced, which explore and use various kinds of animation. All you need is a working knowledge of the Swift language, and you will be right at home here. Using Apple's SwiftUI, you can create beautiful animations with much less code than ever before. Learn the many techniques and ways of translating your ideas for animation and motion into animations in your apps. In this course, we will be exploring the numerous ways we can use the power of SwiftUI to create and animate anything. SwiftUI is Apple's new declarative framework; it is fast, easy, and a lot of fun to work with. You will also learn to create the breathing flower project in which we will add effects such as snow and wind to make the flower look lively. We will animate objects around different axes and create a marching ant's effect that we will use as a fan belt to drive gears. We will animate a weather graph with data, and we will combine animations together to create a more unique effect. We will use the Shape protocol and paths so we can make a custom wave shape, and then animate that shape along different control points. We will use animatableData, a built-in SwiftUI property that lets us animate data in all kinds of interesting ways. All resources and code files are placed here: https://github.com/PacktPublishing/SwiftUI-Animations-iOS-16---Animate-Anything-with-SwiftUI-

What You Will Learn

Animate all kinds of objects and values
Shape protocol and paths to create a custom wave shape
Understand the Parallax effect
Use iOS SpriteKit to create animations that follow the law of physics
Make projects engaging by adding sound
Combine animations to create a more unique effect

Audience

If you are a web developer or an application developer who is looking to create stunning animations using SwiftUI, this course is for you. This course assumes you have a working knowledge of the Swift language to easily understand the topics covered.

Approach

With the help of 20 interesting projects, you will learn how to use SwiftUI along with iOS 16 to create beautiful and appealing animations for your applications.

Key Features

Become familiar with the SwiftUI framework * Use animatableData, a built-in SwiftUI property that lets us animate data in all kinds of interesting ways * Get ready to create stunning animations for your applications with SwiftUI

Github Repo

https://github.com/PacktPublishing/SwiftUI-Animations-iOS-16---Animate-Anything-with-SwiftUI-

About the Author

Stephen DeStefano

Stephen DeStefano is a long-time iOS / macOS / watchOS instructor and creator of a SwiftUI course geared toward beginners and takes them all the way to the expert level in a concise amount of time. Stephen has a unique way of presenting his material, with callouts, highlighting, and graphics, all to make it more understandable and easier to follow the path of the code. He has converted many of his bestselling iOS / macOS / watchOS / tvOS and other books into lecture-style courses-so, you are getting the best instruction available for all of Apple's platforms.

Course Outline

1. Introduction

1. Course Introduction

This video introduces you to SwiftUI and the various ways in which you can use the power of SwiftUI.

2. What Is SwiftUI? Declarative Versus Imperative Programming

1. Declarative Versus Imperative Programming

This video explains the differences between declarative and imperative programming.

3. Stacks

1. Stacks

This video explains stacks and the various kinds of stacks.

4. Text and Modifiers

1. Text and Modifiers - Part 1

This is the first part of the three-part video that explains the various text modifiers used in SwiftUI.

2. Text and Modifiers - Part 2

This is the second part of the three-part video that focuses on layout modifiers that help modify the layout of the views.

3. Text and Modifiers - Part 3

This is the last part of the three-part video that explains more about text and modifiers.

5. TextField State and Modifiers

1. TextField - State and Modifiers

This video explains the TextField state and modifiers.

6. Image and Its Modifiers

1. Image and Modifiers- Part 1

This is the first part of the two-part video that explains how to use image and its modifiers.

2. Image and Modifiers- Part 2

This is the second part of the two-part video that explains how to grab images from the web and display them.

7. Project 1 - Circle of Friends - Animating Circles (Skill Level - Easy)

1. Introduction to Project 1

This video introduces the project - animating circles.

2. Animating Circles Lectures

This video explains animation using a bunch of circles, focusing on how to add, grow, shrink, and rotate circles.

8. Project 2 - Record Player (Skill Level - Easy)

1. Introduction to Project 2

This video introduces how to create a simple record player.

2. Adding the Record Box -and Moving an Arm - Part 1

This is the first part of the two-part video that demonstrates how to add a record box and move the arm of the record player.

3. Adding the Play Button - Sound - Part 2

This is the second part of the two-part video that demonstrates how to create a button to toggle sound.

9. Project 3 - Hue Rotation Example 1 (Skill Level - Easy)

1. Introduction to Project 3

This video introduces animating images using hue rotation.

2. Hue Rotation Example 1

This video explains how to add colors to the project using hue rotation.

10. Project 4 - Breathing Flower (Skill Level - Intermediate)

1. Introduction to Project 4

This video introduces the Breathing Flower project where you will use a variety of modifiers to scale up and rotate different parts of a flower.

2. Part 1 - Add the Flowers and Breath

This is the first part of the two-part video that demonstrates how to create a flower and animate its petal and add a breath effect.

3. Part 2 - Adding the Snow

This is the second part of the two-part video that explains how to add snow to complete the flower to make it look magical and add some life to the flower.

11. Project 5 - Patriotic Bird - Flying Eagle (Skill Level - Easy)

1. Introduction to Project 5

This video introduces the project called Flying Eagle.

2. Flying Eagle

This video explains how to animate images of an eagle.

12. Project 6 - Dodgeball Anyone? - SpriteKit Foundation (Skill Level - Easy)

1. Introduction to Project 6

This video introduces you to SpriteKit and explains its uses.

2. SpriteKit Fountain

This video explains how to use SpriteKit for animation.

13. Project 7 - Hue Is So Colorful - Hue Rotation Example 2 (Skill Level - Intermediate)

1. Introduction to Project 7

This video introduces a project on hue rotation.

2. Hue Rotation Example 2

This video demonstrates how to use hue rotation to change the color of the wallpaper.

14. Project 8 - Grounds for Dismissal - Animate Transition (Skill Level - Advanced)

1. Introduction to Project 8

This video introduces the project.

2. Building the Settings View - Part 1

This is the first part of the three-part video that explains how to build the settings view.

3. Create, Present, and Dismiss Transformation Functionality - Part 2

This is the second part of the three-part video that explains how to present and dismiss the transformation functionality.

4. Presenting and Dismissing the Transition - Part 3

This is the third part of the three-part video that demonstrates how to present and dismiss the transition.

15. Project 9 - Parallax This! - Parallax Effect (Skill Level - Easy)

1. Introduction to Project 9

This video introduces a project that uses the Parallax effect, where the background object moves a little slower than the foreground objects.

2. Parallax Effect

This video explains the Parallax effect to make the project appear interactive.

16. Project 10 - Need a Lift? - Elevator (Skill Level - Intermediate)

1. Introduction to Project 10

This video helps you create a complete working elevator, including floor light, sound, and more.

2. Creating the Frame and Doors - Part 1

This is the first part of the three-part video that demonstrates how to create a frame and door for the elevator.

3. Creating the Button and Floor Numbers - Part 2

This is the second part of the three-part video that demonstrates how to create the button and floor numbers on the elevator.

4. Adding the Time Functions - Sound - Part 3

This is the third part of the three-part video that explains how to add the time functions and sound to the elevator.

17. Project 11 - Get into the Swing of It (Skill Level - Easy)

1. Introduction to Project 11

This video introduces the project of animating a girl on a swing.

2. Swinging Animation

This video explains how to animate a girl on a swing, make the swing animate back and forth as well as make the girl's leg kick up and down pivoting at the knees.

18. Project 12 - Starry Night - Twinkling Stars (Skill Level - Advanced)

1. Introduction to Project 12

This video explains how to create the twinkling stars project using the Shape protocol.

2. Fill Out the Path Function

This is the first part of the two-part video that explains how to create a star that changes it shape.

3. Creating the Stars

This is the second part of the two-part video that demonstrates how to create the stars.

19. Project 13 - A Fair Weather Friend - Weather User Interface (UI) (Skill Level - Intermediate)

1. Introduction to Project 13

This video introduces a project on creating a weather UI.

2. Adding the Data Model - Picker - Part 1

This is the first part of the four-part video that explains how to add the data model.

3. Adding a Graph and Using Text Animations - Part 2

This is the second part of the four-part video that explains how to add a graph and use text animations.

4. Animating - Part 3

This is the third part of the four-part video that demonstrates how to animate the UI.

5. Adding Swift Packages - Part 4

This is the fourth part of the four-part video that explains how to add swift packages.

20. Project 14 - Gear Up - X, Y, and Z Axis Rotation (Skill Level - Intermediate)

1. Introduction to Project 14

This video introduces you to the project on gears and belts.

2. Creating Gears - Part 1

This is the first part of the five-part video that explores the three axes of rotation that you can animate on and create gears.

3. Creating Belts - Part 2

This is the second part of the five-part video that demonstrates how to create belts that will be driven by the gears.

4. Creating a Gear Shaft - Part 3

This is the third part of the five-part video that explains how to create a gear shaft and animate it.

5. Creating the Fan view - Part 4

This is the fourth part of the five-part video that explains how to create a fan.

6. Part 5 - Putting It All Together in the ContentView

This video explains how to organize the files such as gear, shaft, worm gear, and fan in the ContentView.

21. Project 15 - Make Some Waves (Skill Level - Advanced)

1. Introduction to Project 15

This video introduces you to the project on waves.

2. Creating a Wave with the Path Function - Part 1

This is the first part of the four-part video that explains how to create a wave with the path function.

3. Creating an Ocean - Part 2

This is the second part of the four-part video that demonstrates how to create an ocean.

4. Creating a Buoy with Lights - Part 3

This is the third part of the four-part video that demonstrates how to create a buoy with lights.

5. Adding Audio - Part 4

This is the fourth part of the four-part video that explains how to add sound effects to the project.

22. Project 16 - A Stroke of Insight- Animating Strokes (Skill Level - Advanced)

1. Introduction to Project 16

This video introduces the project on animating strokes.

2. Creating the Heart Shape - Part 1

This is the first part of the two-part video that demonstrates how to create a heart shape.

3. Animating the Path Around the Heart Shape - Part 2

This is the second part of the two-part video that explains how to animate the path around the heart shape.

23. Project 17 - Be Fruitful and Multiply - Expand a View (Skill Level - Intermediate)

1. Introduction to Project 17

This video introduces the project on expanding a view.

2. Adding View

This video demonstrates how to add a view.

24. Project 18 - Lighten Up - Light Switch (Skill Level - Intermediate)

1. Introduction to Project 18

This video explains the basics of the project on a light switch.

2. Light Switch

This video explains the concept of a light switch.

25. Project 19 - Let's Connect - Wi-Fi Loading Animation (Skill Level - Advanced)

1. Introduction to Project 19

This video introduces the project on Wi-Fi loading animation.

2. Creating the Emitter and Arcs - Part 1

This is the first part of the two-part video that explains how to create the emitter and arcs.

3. Putting It All Together in ContentView - Part 2

This video explains how to put the emitter and the arcs together in the ContentView.

26. Project 20 - Never Judge a Book by Its Movie - Book Loader (Skill Level - Advanced)

1. Introduction to Project 20

This video introduces the project on book loader.

2. Part 1 - Create the Spine - Create the Pages

This is the first part of the two-part video that explains how to create the pages of the book.

3. Part 2 - Putting the Book Together

This is the second part of the two-part video that explains putting the book together.

Course Images

By Packt

Booking options

Highlights