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)

Animating a gear shaft image

Continuing on to the next component, we need a gear shaft. A gear shaft is a cylindrical rod that has round gears at each end and is used to attach other gears or belts together, ultimately producing some form of output or work. For example, within the motor in your car, there is a gear shaft that turns due to the gasoline combusting. The output or work produced by that process moves the car forward. Our gear shaft won’t move a car, but instead, will turn a fan. After creating this, as with the worm gear, we will animate the gear shaft by using animating rectangles. Again, this is because the image we are using is not round, so we cannot rotate it on the z-axis like the other gear images.

Let’s start off by creating a new SwiftUI View file, which we’ll call GearShaftView. Next, let’s add the variables we need for this file; we only need one variable, and that’s to track the animation:

 @State var animateRect: Bool...