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 rain

In our next project, let’s make it rain. We’re going to create a realistic effect by creating rain from the Rain particle template and making it bounce off the ground as you would see in a rainstorm. We’ll also create a puddle that will subtly grow and shrink, appearing to react to the falling rain, and it will also look like water, as we will add some blending options to it to give it a transparent look for a spectacular effect that even shows some of the ground underneath it.

Creating the Rain SpriteKit particle file

Let’s get started. You know how to do this now – create an SKS file, choose Rain from the particle template list, and name the file Rain too. Now, configure the file to have the following attributes:

Figure 15.12: The attributes of the rain animation

Using the Rain particle template gives us rain right out of the box, but with some slight adjustments to the Birthrate and Lifetime options...