Animating rocket fire

The SpriteKit Fire particle template generates particles that are typically colored shades of orange, yellow, and red, which give the impression of glowing embers and flames. The particles may also have a slight degree of transparency to mimic the flickering and shifting quality of a real fire. In terms of behavior, the particles are designed to move upward with a certain amount of randomness, representing the movement of hot air and flames.

Rather than creating some simple flames, though, we’re going to animate a rocket!

Press Command + N, then choose the SpriteKit Particle File template. After that, pick the Fire particle template and name the file Rocket. Xcode will go ahead and create the fire particles that you can see them running in the editor.

Now, let’s create the SwiftUI view that will bring this .sks file into our SwiftUI project.

Adding FireView

To create the view, press Command + N and make a SwiftUIView file. Then, call...