iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5:...
Transcript of iOS Application Development Lecture 5: SpriteKit · iOS Application Development Lecture 5:...
![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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051602/5ae644ad7f8b9aee078cbaeb/html5/thumbnails/10.jpg)
Simon Völker & Philipp Wacker: iOS Application Development
Sprite Kit Demo
10