Book Image

Animating SwiftUI Applications

By : Stephen DeStefano
Book Image

Animating SwiftUI Applications

By: Stephen DeStefano

Overview of this book

Swift and SwiftUI are the backbone of Apple application development, making them a crucial skill set to learn. Animating SwiftUI Applications focuses on the creation of stunning animations, making you proficient in this declarative language and employing a minimal code approach. In this book, you'll start by exploring the fundamentals of SwiftUI and animation, before jumping into various projects that will cement these skills in practice. You will explore some simple projects, like animating circles, creating color spectrums with hueRotation, animating individual parts of an image, as well as combining multiple views together to produce dynamic creations. The book will then transition into more advanced animation projects that employ the GeometryReader, which helps align your animations across different devices, as well as creating word and color games. Finally, you will learn how to integrate the SpriteKit framework into our SwiftUI code to create scenes with wind, fire, rain, and or snow scene, along with adding physics, gravity, collisions, and particle emitters to your animations. By the end of this book, you’ll have created a number of different animation projects, and will have gained a deep understanding of SwiftUI that can be used for your own creations.
Table of Contents (18 chapters)

Adding the circles

Let’s briefly review the goal of this project. We want to make six circles grow and shrink, and at the same time rotate them, and move them in and out. The six circles will be overlapping each other, which adds a nice look as they will be partially translucent.

To make this work, we need some more ZStacks, and then to place the circles, in pairs, into them. How the circles are aligned in relation to each other can be likened to the numbers on a clock. Going with this clock analogy, we need a ZStack to hold the three pairs:

  • The first pair of circles will be placed in the 12 and 6 o’clock positions
  • The second pair of circles will be placed in the 2 and 7 o’clock positions
  • The third pair of circles will be placed in the 10 and 4 o’clock positions

Let’s see how to add these three pairs of circles.

Adding the first pair of circles

The first pair of circles we will add will be placed in the 12 and 6 o...