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)

Gathering and slicing images

In this project, I will be using some simple graphics, including an image of a girl, a leafy background, and a branch. And, as I mentioned, we will be animating two parts of the scene: the swing and the girl’s legs.

The first thing you need to do is download the images as explained in the Technical requirements section and then cut the images into various parts. To do this, I will simply use Mac’s Preview app, which is a free app that’s already installed on your Mac computer. Inside this app, there is an option called Markup, as shown here:

Figure 6.1: Accessing the Markup tools

Clicking on Markup will open up an array of helpful editing tools that we can use to transform an image in unique ways. One of the best tools for cutting images is the Lasso Selection tool, which lets us draw a selection box around some or all of the parts of the image, and either cut it out or copy it to another window. You can find...