Better Programming

Advice for programmers.

Follow publication

Member-only story

Create Beautiful Text Effects in SwiftUI With SpriteKit

Integrate SpriteKit and Core Image filters into your SwiftUI app

Mark Lucking
Better Programming
Published in
5 min readJul 1, 2021

--

Photo by Girl with red hat on Unsplash.

The other day, I came across a brilliant article by Artturi Jalli. It uses SpriteKit to create a background to a SwiftUI login interface. A living, moving background.

Just a few weeks earlier, I watched Apple announce that they were now supporting attributed strings in SwiftUI. This capability was documented by @Zheng.

As I mulled over these two articles, two thoughts collided. You see, I have an idea for a game that I want to develop, but it needs a stonking title. I loved Artturi’s idea of a SpriteKit background but needed something different. Something with words, an animated attributed string, but I also didn’t want to limit my market to devices running iOS15.

With that in the back of my mind, I recalled a special node within SpriteKit called SKCropNode. This is a node for masking SpriteNodes, which have been available since iOS 7.0 (so on all working iOS devices).

Could I use the SKCropNode to build my own attributed string of sorts for my next app’s stonking titles? Join me on a journey to explore what I can do with an SKCropNode.

The Brief

--

--

Mark Lucking
Mark Lucking

Written by Mark Lucking

Coding for 35+ years, enjoying using and learning Swift/iOS development. Writer @ Better Programming, @The StartUp, @Mac O’Clock, Level Up Coding & More

No responses yet

Write a response