Kodeco Forums

SpriteKit Tutorial: Create an Interactive Children’s Book with Sprite Kit and Swift 3

Learn how to create an interactive book app with very little code by using SpriteKit with Swift 3 to build a children's book.


This is a companion discussion topic for the original entry at https://www.raywenderlich.com/767-spritekit-tutorial-create-an-interactive-children-s-book-with-spritekit-and-swift-3

how would you, using extensions, or whatever, add an easing curve to an sktransition?

@dkliman - Short answer you can’t easily, and I haven’t.

On researching, I found this blog post that looks interesting (I haven’t tested the code myself though):

http://www.dbotha.com/2015/07/18/spritekit-game-scene-transitions-with-shaders/

@dkliman - also have a look at the documentation here: Apple Developer Documentation
which discusses configuring animation during a transition

how would you add a pop menu where you can scroll through thumbnails of the pages and when this thumbnail is selected, the main story scene will scroll automatically left or right to the correct page?

@kktay - I would experiment with UICollectionViews. It would be a pain to do in SpriteKit.

Have a look at this:

Hi Caroline, I don’t know much about sprite. I downloaded the final project and ran it. It is failing on class AppDelegate: UIResponder, UIApplicationDelegate {
54: ERROR: >avae> AVAudioEngineGraph.mm:2515: PerformCommand: error -10851
2017-01-25 20:54:29.674 Seasons[32168:22110206] *** Terminating app due to uncaught exception ‘com.apple.coreaudio.avfaudio’, reason: ‘error -10851’
Any ideas what could be the problem? Tks

Thanks for the tip. I will check it out.

@renatom - No, I’m sorry, I don’t know what the problem is.

Do you have non-standard audio hardware? Are you running on the most updated Xcode? Are you running on device or simulator? If device, is it updated to 10.2?

I just downloaded the sample and checked it again, and it runs for me in the simulator.

How can I add a pinch gesture to zoom in and out on my background image?

Great tutorial … thanks

how would you go about localization ? most of your text is pictures, would it be better to do all the text in xcode ?

@klausycat - you can add UIGestureRecognizers to an SKView, because it’s just a subclass of UIView. So you could try adding a UIPinchGestureRecognizer.

There’s a tutorial on doing this (although not the UIPinchGestureRecognizer) here:

https://www.raywenderlich.com/96822/sprite-kit-tutorial-drag-drop-sprites

@skov - thanks :slight_smile:

To my shame, I haven’t actually done any localization.

Yes I would think that it’s better to do all the text in code rather than images. But you could use fancy fonts and put them into an SKLabel.

There’s a project with custom fonts here:

https://www.raywenderlich.com/125046/card-game-mechanics-in-sprite-kit-with-swift

(The tutorial doesn’t cover it, but if you do a Google search on installing custom fonts, then you’ll find plenty of information)

cooooool Thanks and ones again thank for a awesome tutorial

Thanks, I will do that!

Hey Caroline , just a follow up … Localization is pretty much street forward, just localise your scenes and the and and the language to you project, the you can still make the text as pictures, that makes it easier toe visualise the front you want to uses instead of having to run the app 2000 times

1 Like

@skov - thank you for following up :]

Outstanding tutorial! I love the art, music … all of it. Thanks!

1 Like

This tutorial is more than six months old so questions are no longer supported at the moment for it. We will update it as soon as possible. Thank you! :]