iOS Application Development Lecture 5: SpriteKit

Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

Winter Semester 2017/2018

http://hci.rwth-aachen.de/ios

Simon Völker & Philipp Wacker: iOS Application Development

Seminar: SpriteKit

2

Simon Völker & Philipp Wacker: iOS Application Development3

What is Sprite Kit?

Simon Völker & Philipp Wacker: iOS Application Development4

GPU

Scene Graphs

SpriteKitSceneKit

2D Graphics and Imaging

Core AnimationCore ImageCore Graphics

Standards-Based 3D Graphics

Open GL ES

High EfficiencyGPU Access

Metal

Your App

Simon Völker & Philipp Wacker: iOS Application Development

Sprite Kit

5

PhysicsActionsObjects

Simon Völker & Philipp Wacker: iOS Application Development

Root Object: SKScene

6

ApplicationSKView

ViewController//Setup SKView//Create Scene

SKScene/* Your Code here */

Simon Völker & Philipp Wacker: iOS Application Development

Scene Graph

7

background

crater

crater

crater

spaceship

projectileasteroid

asteroid

asteroid

asteroid

propellant

SKScene

crater

NodesActions Physics

Simon Völker & Philipp Wacker: iOS Application Development

Sprite Kit Nodes

8

SKNode SKSpriteNode

SKShapeNode

SKLabelNode

SKEmitterNode

SKEffectNode

SKCropNode

SKScene

SKVideoNode

Simon Völker & Philipp Wacker: iOS Application Development

Sprite Kit Nodes

9

SKNode SKSpriteNode

SKShapeNode

SKLabelNode

SKEmitterNode

SKEffectNode

SKCropNode

SKScene

SKVideoNode

Simon Völker & Philipp Wacker: iOS Application Development

Sprite Kit Demo

10