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 coffee steam

In this next project, we’ll modify the particle system file to create steam that we can use to create a steaming cup of coffee animation. Well also look at a technique where we can place the steam directly inside the coffee by overlapping images. To get started, create a new project and call it Coffee, and then we’ll move on to creating the SpriteKit particle file.

Creating the Smoke SpriteKit particle file

To create the file, like before, press Command + N, choose the SpriteKit Particle File template, and let’s pick Smoke from the particle template options again (yes, Smoke again, but we will make it look like steam this time).

Now, we will modify the various properties to create our animation. Change all the properties in your SKS file to look like the following figure:

Figure 15.6: The attributes of the coffee steam animation

All of those properties have been explained in the previous project. If you&...