9
Animating Strokes around Shapes
In this project, we will take three images, create outlines around them, and then animate strokes along those outlines. A stroke is a line that follows the outline (or contours) of a shape, which we can give any color and thickness and animate to move around the image.
To do this, you’ll learn how to convert bitmap images into vector images using the Inkscape software, and then take those vectors and convert them into Swift code using Sketch and Kite. We will then insert this code back into Xcode so that we can start animating our project.
The following are the objectives for this project:
- Converting images into Swift code
- Animating images with the stroke modifier
Technical requirements
You can download the ...
Get Animating SwiftUI Applications now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
