Free Sprite Kit Video Tutorials.

Sprite Kit Tutorials

We can not only install iOS 7 today, but we can actually talk about Sprite Kit now that everyone’s lips are unsealed. If you didn’t know already Apple has created their own 2D game engine built right into Xcode 5. Sweet, eh.

There’s 4 ways to watch this entirely free starter course. The Sprite Kit parts are about an hour into it because I recorded some intro videos for new users to Xcode and Objective-C….

Option #2 – Watch on Udemy (the source files are uploaded with specific videos as Supplemental Materials)
Option #3 – Watch from the playlist on Vimeo. (you can grab the source files from Option 1)
Option #4 – Watch from the Playlist on YouTube. (you can grab the source files from Option 1)

Session 1: Xcode 5 and Objective-C Basics

Course Introduction

Video 1 – Introducing Sprite Kit, Apple’s 2D game engine. This series of video tutorials (and future ones) will cover just about everything about Sprite Kit, and create useable projects that could be the foundation of countless games. This intro video also mentions two optional resources:Kobold Kit, which extends the power of Sprite Kit and Apportable, which allows you to export an Android app straight from Xcode.

Tour of the Xcode 5 Interface

Video 2 – In this video tutorial we will tour the Xcode 5 interface. We’ll look at all the essential areas you should know about as a first time programmer. We will also look briefly at Asset Catalogs, a new way of adding your launch images and app icons in Xcode 5.

Provisioning Profiles in Xcode 5*

Video 3 – This video will teach you how to add your Provisioning Profiles in Xcode 5 using the developer portal and Organizer. You need to be a registered developer to install your profiles and test on your actual device. Otherwise, you can test your project on the iOS Simulator.

Objective C – Basics for Beginners*

Video 4 – If you aren’t familiar with Objective-C or programming in general, you’ll want to watch this first video on basic variable types. We’ll look at int, float, NSString, bool and CGPoint

variables and quickly test logging them in the update loop of the Sprite Kit template.

Objective C – Basics for Beginners (continued)*

Video 5 – This course continues teaching the very basics of Objective-C. If you aren’t familiar with if statements, while and for loops, or creating methods (with non-void returns and parameters) then you will definitely want to watch this quick primer.

*This is optional viewing for anyone already familiar with Objective C and Xcode.

Session 2: The Sprite Kit Template

The Sprite Kit Template Explained and Tweaked

Video 1 – This video will look at the Sprite Kit template and play around some with what already exists. If you skipped past the optional Objective-C basics tutorial, this video is also intended to give you a quick reminder of some core concepts to programming (for example, returning objects from a method, adding children, setting properties, etc)

Video 2 – This second video examining the Sprite Kit Template will teach you how to enable multiple touches in the view controller, detect touch end events, use childNodeWithName, and enumerate through children during the update method.

Session 3: Building a Boulder Jumping Game

Importing Assets to Xcode (and Exporting from Flash)

Video 1 – From here on, the series will focus on building a sample Sprite Kit jumping game, where your goal is to avoid getting hit by boulders and timing a characters leap over them. This short first video will discuss importing images to an Asset Catalog (new to Xcode 5), using Retina Display images, and also show you tips on how to export images from a program such as Adobe Flash.

Texture Atlases with Sprite Kit

Video 2 – This video discusses creating a Texture Atlas for Sprite Kit.  If you are already familiar with sprite sheets (for optimizing game graphics), a texture atlas is exactly that. You can name a folder with the “.atlas” extension and include your standard and retina images (with @2x.png extensions). This atlas folder with get packaged as a sprite sheet at compile time (code to use the atlas is discussed later).

Adding and Identifying Children with Sprite Kit

Video 3 – In this video, we will add all of our children to the Sprite Kit scene, and create a method at a random interval to continuously add Boulder sprites. We will also look at the zPosition, xScale, name properties and more.

Moving Objects and Detecting Two Objects Colliding

Video 4 – This video tutorial really gets the ball rolling with Sprite Kit. Pun intended. We’ll be moving the boulder across the  screen and detecting if it intersects with our character. We will also look at the enumerateChildNodesWithName method.

Casting in Sprite Kit

Video 5 – This video discusses the concept of Casting in a Sprite Kit game. This is an important concept, and worthy of it’s own video. We’ll talking about when to cast an object, making sure it actually exists, and testing the kind of class that the cast object is.

Adding Sprite Kit Actions

Video 6 – In this video we will add our Sprite Kit Actions which will do all the work involved with making the character jump and use the texture atlas we imported earlier. We will look at adding a sequence of SKActions as well as declaring them in the header file for use every time we touch the screen. We will also use the SKAction performSelector method to control how often the character is able to jump (toggling on or off if the character can jump).

Game Over for this Sprite Kit Project

Video 7 – In this last video, we will test if the boulder has intersected with the character a certain number of times, and if so, we will transition to a new scene (actually the same scene over again) to restart the game.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s