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)

Summary

In this project, we learned how to take an image and cut out various parts at the joints, use those new images in code, and animate them in different and interesting ways. We also worked with modifiers that we have worked with before, including rotation, scale, and offset, but also a new modifier, mask.

There are ways to take this project further. If you’re feeling curious, see whether you can cut the arms and head from the picture, and then give them some animation as well. Play around with the parameters so you can make each part move just enough to look natural. Maybe you can make the arms pivot at the elbow just slightly as the swing moves forward and backward. Add a button if you want so you can start and stop the animation that way. Mainly, just experiment and have fun!

In the next project, we will look at the three different axes of rotation, x, y, and z, and create an animation that will rotate a fan using gears and chains, similar to a bicycle chain that...