Creating a Breathing App

So far, we have looked at the SwiftUI fundamentals, some of the modifiers we can use to alter a view in a certain way, and many of the properties that can be animated. Now it’s time to put that knowledge to work and build our first project.

In this chapter, we will build an animation that is similar to the breathing apps that are popular on Apple watches and iPhones. There will be three animations that we will combine to make six circle views move, recreating the slow, rhythmic motions of the Apple app.

There is not a lot of code needed to make this app work; however, as we move through the book, we will build upon this project and gradually ramp up the difficulty.

The steps needed to complete the project are as follows:

• Setting up the project with Xcode
• Adding the variables
• Implementing a background color
• Adding the circles
• Animating the circles