+ All Categories
Transcript
Page 1: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

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

Page 2: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

Simon Völker & Philipp Wacker: iOS Application Development

Seminar: SpriteKit

2

Page 3: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

Simon Völker & Philipp Wacker: iOS Application Development3

What is Sprite Kit?

Page 4: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

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

Page 5: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

Simon Völker & Philipp Wacker: iOS Application Development

Sprite Kit

5

PhysicsActionsObjects

Page 6: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

Simon Völker & Philipp Wacker: iOS Application Development

Root Object: SKScene

6

ApplicationSKView

ViewController//Setup SKView//Create Scene

SKScene/* Your Code here */

Page 7: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

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

Page 8: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

Simon Völker & Philipp Wacker: iOS Application Development

Sprite Kit Nodes

8

SKNode SKSpriteNode

SKShapeNode

SKLabelNode

SKEmitterNode

SKEffectNode

SKCropNode

SKScene

SKVideoNode

Page 9: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

Simon Völker & Philipp Wacker: iOS Application Development

Sprite Kit Nodes

9

SKNode SKSpriteNode

SKShapeNode

SKLabelNode

SKEmitterNode

SKEffectNode

SKCropNode

SKScene

SKVideoNode

Page 10: iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5: SpriteKit Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University

Simon Völker & Philipp Wacker: iOS Application Development

Sprite Kit Demo

10


Top Related