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