Story Tellers Kit 2: Creation Videos Index

    Login               Join               Free user account          





Story Tellers Kit 2: Creation Videos

Learn the programming behind our hugely popular kit! Subscribers get access to this in-depth series of "making of" videos. Note, you do NOT need to watch these videos to use the kit, but if you're interested in learning Swift / Sprite Kit and what powers the kit, then by all means, dive in...

Created by: Justin

😍 0   👍 0   😐 0




Get full access...

Subscribe for Access...


See options...

Yearly subscribers get access to everything: Tutorials, Kits, Game Art, and website hosting.



Lifetime Membership...



This option gives you member access for LIFE! Tutorials, kits, game art, & more. It's all yours!



Section 1

Initial Setup

This series of video tutorials will teach you the initial setup for the kit. You will learn how to work with a Universal iOS project, in particular defining different Scene files for each device, how to create custom classes and subclasses in Swift 2, how to use SKCameraNodes (again on a per device family basis), how to work with a Property List to extend the functionality of SKSpriteNodes and your SKScene classes, basic collision detection, and how to transition from one scene to another. So there's plenty to learn here about iOS9 and Xcode 7's new features for developers.



Preview the Kit and Xcode 7’s new Scene Features

Login to Mark Progress

Using Different Scene Files for Device Types

Login to Mark Progress

Creating a Custom Class to Subclass SKSpriteNodes in Scene Files

Login to Mark Progress

Using the Property List to Define SKCameraNodes (for either iPad or iPhone)

Login to Mark Progress

Passing Properties into Elements

Login to Mark Progress

Using SKReferenceNodes (Scene groups) and Reference Actions

Login to Mark Progress

Triggering Events by Touching the Highest Element on the Page

Login to Mark Progress

Changing to a new Page and Removing Nodes on Touch

Login to Mark Progress

Project Files – End of Session 1

Login to Mark Progress


Section 2

Page Events, Next, Previous, Random Pages, and Transitions

In this next series of videos we'll tackle the various ways to get from one page to another with the starter kit. We'll create functions to go to the next page or previous page defined by an array that stores the page ordering. You can have multiple page order arrays, for example an order for Chapter1, Chapter2, etc. We'll also define properties to jump to random pages in the book. These too will be defined by arrays. You can have as many random page "pools" as you want. We'll also create an Events dictionary for each page, so when a page loads up it can immediately trigger an event. And since going from one page to another involves transitioning scenes, we'll make it so Elements and the page Settings can set different transition properties.



What’s Ahead in Session 2

Login to Mark Progress

Trigger Events Immediately When the Page Loads

Login to Mark Progress

Specifying Transition Settings (type, duration, direction, etc)

Login to Mark Progress

Going to Next and Previous Pages

Login to Mark Progress

Going to Random Pages

Login to Mark Progress

Continue the Last Viewed Page with NSUserDefaults

Login to Mark Progress

Project Files – End of Session 2

Login to Mark Progress


Section 3

Element Display - Showing, Hiding, Removing, and Moving Based on Touch

In this series of Swift 2 and Sprite Kit video tutorials we will learn how to show or hide our Element class as well as SKReferenceNodes. We will also remove Elements, add a random element from an SKReferenceNode, pause and unpause Elements, and make an element move to a touch location, node's specific location or follow the movement of the finger.



Showing and Hiding Elements and SKReferenceNodes

Login to Mark Progress

Conditionally Showing and Hiding Elements or SKReferenceNodes

Login to Mark Progress

Removing Nodes by Name and Adding SKReferenceNodes and Random Elements from an SKReferenceNode

Login to Mark Progress

Pausing or Unpausing Nodes and the Page Class

Login to Mark Progress

Moving Nodes to a Touch Location or Another Node’s Location

Login to Mark Progress

Make Elements Follow Touch

Login to Mark Progress

Using Your Own Extensions with the Event Chain

Login to Mark Progress

Project Files – End of Session 3

Login to Mark Progress


Section 4

Running Actions from the Property List

In this series of videos we will program the Property List to run and stop Actions on the current Element touched or on any group Elements.



Running Actions Automatically on Elements

Login to Mark Progress

Running and Stopping Actions via Touch Events

Login to Mark Progress

ActionPools (Groups) to Trigger Actions on Unlimited Nodes

Login to Mark Progress

Stopping Actions with ActionPools

Login to Mark Progress

Running Actions Automatically From the Pages Dictionary

Login to Mark Progress

Changing Cameras

Login to Mark Progress

Project Files – End of Session 4

Login to Mark Progress


Section 5

Setting Up Dynamic SKLabelNodes

This session we will setup SKLabelNodes in the scene and via the Property List change the text of those labels to be any saved value we want. This could be an NSUserDefault, for example, that displays the user's name. Which will obviously involve capturing input text as well. We will also look at incrementing up or down saved values, for example this might be the number of letters touched in a mini-game. The SKLabelNode would then display that count.



Using Variable Values In Place of Text

Login to Mark Progress

Randomizing Text Prefixes and Postfixes

Login to Mark Progress

Opening the iOS Keyboard to Set Text Values

Login to Mark Progress

Closing the Keyboard and Saving Values

Login to Mark Progress

Keyboard Appearance and NSNotifications

Login to Mark Progress

Incrementing Saved Values and Clearing Them

Login to Mark Progress

Setting Values with Touch Events or Automatically When a Page Loads

Login to Mark Progress

Project Files – End of Session 5

Login to Mark Progress


Section 6

Particle Emitters, Event Timers, Listeners and Element Generators

The true power of this kit shines this session. First we will swap SKEmitterNodes that we laid out in the Scene file with .SKS files (as a convenience mostly). Then create Event Timers, which will run any event we want after an initial delay and repeatedly (if we want). So this could do mundane tasks like updating a saved value, for example, the time left on the clock to accomplish something. Or anything else you could do with an event (showing or hiding elements, running actions, stopping actions, changing cameras, etc). Then we will create Event Listeners which can do any number of events when a particular saved value equals something, for example, when the BalloonsPopped equals 5, then we call OpenPage. And finally we will work with Element Generators, which can clone an element as many times you want as often as you want. So for example, you might clone balloons that each have different Touch Events and the user is supposed to only touch those that have a letter E on them.



Custom Particle Emitters using SKEmitterNodes as Placeholders

Login to Mark Progress

Event Timers to delay or repeat triggering events / actions

Login to Mark Progress

Event Listeners to trigger events when certain values equal, exceed or are less than a value

Login to Mark Progress

Element Generators

Login to Mark Progress

Project Files – End of Session 6

Login to Mark Progress


Section 7

Tap and Rotation Gestures

This session we mostly focus on creating tap and rotation controls for items in your book. These can be applied to any SKNode, including the camera itself and particle emitters. You'll be able to move anything around based on the location of the reader's tap (or double tap, triple tap, two finger tap, etc). And any number of nodes can be rotated based on a rotation gesture. This adds a whole new element of fun to your potential iOS book as reader's can explore and interact more than before.



Setting Up Tap Gestures

Login to Mark Progress

Moving Nodes (and Parallax Moving Node) Based on the Tap

Login to Mark Progress

Rotation Gestures

Login to Mark Progress

Extending the Follow Touch Option to Any Node

Login to Mark Progress

Project Files – End of Session 7

Login to Mark Progress


Section 8

Sounds, Textures, and Camera Follow Options and More

This session we will work with sounds, both using AVFoundation and SKAction based sound files, change textures on elements (SKSpriteNodes), change textures from an array pool containing image names (great for toggling images), make a camera follow a node, make other nodes follow the camera, and more.



Adding a Max Touch Count to Elements

Login to Mark Progress

Playing and Stopping Background Sounds and Narration Sounds

Login to Mark Progress

RunActions, StopActions and RunOrStopActions from the Page

Login to Mark Progress

Making the Camera Track a Node

Login to Mark Progress

Offsetting Positions as an Event

Login to Mark Progress

Changing Textures or Cycling through Textures from a Pool

Login to Mark Progress

Project Files – End of Session 8

Login to Mark Progress


Section 9

Physics

This session we'll really take the fun to the next level by learning how to use the easy-to-set physics properties in Xcode 7's Scene editor and then work them into the kit. We'll start by defining a edge-based boundaries (to keep physics-based elements within the iOS devices screen area or a multiplier of it) Then we will play around with gravity, make non-physics based nodes follow a node (with an offset), trigger events based on any physics object hitting another, use the Contact and Category Mask to trigger events only when specific elements have collided, apply impulse vectors to objects and end with how to create directional buttons to move any number of elements around the scene.



Setting Gravity and a Physics Boundary Area Around the Scene

Login to Mark Progress

Reversing Gravity, Toggling On or Off an Elements Gravity, and Making Any Node Follow Another

Login to Mark Progress

Trigger Events with any Two Physics Elements Contacting Each Other

Login to Mark Progress

Trigger Events with Specific Physics Contacts

Login to Mark Progress

Applying Impulse Events

Login to Mark Progress

Adding Directional Buttons to Apply the Impulse Events

Login to Mark Progress

Project Files – End of Session 9

Login to Mark Progress


Section 10

Conditional Values, Saving Texture Preferences, Touch Up Events, Inventory Slots / Paths and More

This final session in the "creation of" is jam-packed with awesome additions. First off we expand our listeners to do event when either EVERY listening condition is met, OR when a group of conditions is met. So you could check that (1) object is intersecting another object (2) five balloons have been popped (3) an input text field has a certain value. Why would you? Who knows, but its possible. We will also create a listener for puzzle-style pairing. We'll add functionality for Touch Up events. We add event properties to move / animate nodes directly to other nodes or to the next "available slot", which means you could send items to an inventory style area. Or slots could define locations across the board to hop from one to the other. We will restrict nodes following touch movements to specific areas. And we will create properties so texture preferences can be saved. In other words, if the reader prefers to see pink clothes on a character vs blue clothes, those settings will be saved throughout the lifespan of the book.



Listening for all Conditions or All Conditions in a Group

Login to Mark Progress

Listening for Non-Equality values and Puzzle Pairing

Login to Mark Progress

RunAction, StopAction and RunOrStopAction Dictionary from a Touch Event

Login to Mark Progress

TouchUp Events

Login to Mark Progress

MoveNodeToNode and AnimateNodeToNode

Login to Mark Progress

Move Node To Next Available Slot (or place in a path basically)

Login to Mark Progress

Changing Textures to User Preferences

Login to Mark Progress

Restricting FollowTouch Positions and WrapUp

Login to Mark Progress

Project Files – End of Session 10

Login to Mark Progress






Category: App Development  -   Primary Software: Xcode  -  
Tags:   swift - xcode - spritekit - kit - story book app -












Free account...

Looks like you aren't logged in. You can sign up for a FREE user account below. No payment info required...