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 worm gear using shadows

Worm gears look like big screws with spiral threads, but without a screw head on the top. They’re used in equipment and machines where strength is an important factor because they are very durable and can handle a lot of torque. Here is a typical worm gear:

Figure 7.3: A worm gear

If we add a worm gear image to the project and animate it as we did with the round gear, it wouldn’t work very well, simply because the worm gear image is not a round shape. So, how can we make an irregularly shaped image appear like it’s turning as it would in the real world?

What we can do is place small, shaded rectangles over the shiny parts of the worm gear image and animate those rectangles instead, which will create the illusion that the image is turning or spinning. Clever, right?

First, create a new file, choose the SwiftUI View template, and name it WormGearView. Inside this file, within the WormGear struct...