Slide 1
Slide 1 text
@giginet
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
!
Slide 8
Slide 8 text
IDE
Slide 9
Slide 9 text
IDE
Game Development Tool
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
Letβs make
your
!
Slide 17
Slide 17 text
SpriteKit
Slide 18
Slide 18 text
SpriteKit
β’ Apple oο¬cial game engine for 2D games
β’ Since iOS 7
β’ Available on iOS, macOS, tvOS and watchOS
β’ Similar API with cocos2d-iphone
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
β’ RepresentaBon of each game screens
SKScene
TitleScene GameScene
Slide 22
Slide 22 text
β’ Rendered objects in scenes
β’ Tree hierarchy
SKNode
Slide 23
Slide 23 text
class GameScene: SKScene {
override func sceneDidLoad() {
super.sceneDidLoad()
let sprite = SKSpriteNode(imageNamed: "riko")
addChild(sprite)
}
}
Slide 24
Slide 24 text
SKNode
β’ SKSpriteNode
β’ SKLabelNode
β’ SKEmiJerNode
β’ SKTileMapNode
β’ and moreβ¦
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
class GameScene: SKScene {
var riko: SKSpriteNode!
override func sceneDidLoad() {
super.sceneDidLoad()
riko = childNode(withName: "//riko") as! SKSpriteNode
}
}
Slide 29
Slide 29 text
class GameScene: SKScene {
override func sceneDidLoad() {
// Use likes viewDidLoad
}
override func didMove(to view: SKView) {
// Use likes viewWillAppear
}
override func update(_ currentTime: TimeInterval) {
// Executed every frame. (1/60s)
}
}
Slide 30
Slide 30 text
class GameScene: SKScene {
var riko: SKSpriteNode!
override func touchesBegan(_ touches: Set, with event: UIEvent?) {
for touch in touches {
let position = touch.location(in: self)
if riko.frame.contains(position) {
explode(riko)
break
}
}
}
private func explode(_ target: SKNode) {
// Remove from scene
target.removeFromParent()
// Add effect(Particle)
if let explode = SKEmitterNode(fileNamed: "explosion.sks") {
explode.position = target.position
addChild(explode)
}
}
}
Slide 31
Slide 31 text
class GameScene: SKScene {
var riko: SKSpriteNode!
override func touchesBegan(_ touches: Set, with event: UIEvent?) {
for touch in touches {
let position = touch.location(in: self)
if riko.frame.contains(position) {
explode(riko)
break
}
}
}
private func explode(_ target: SKNode) {
// Remove from scene
target.removeFromParent()
// Add effect(Particle)
if let explode = SKEmitterNode(fileNamed: "explosion.sks") {
explode.position = target.position
addChild(explode)
}
}
}
Slide 32
Slide 32 text
class GameScene: SKScene {
var riko: SKSpriteNode!
override func touchesBegan(_ touches: Set, with event: UIEvent?) {
for touch in touches {
let position = touch.location(in: self)
if riko.frame.contains(position) {
explode(riko)
break
}
}
}
private func explode(_ target: SKNode) {
// Remove from scene
target.removeFromParent()
// Add effect(Particle)
if let explode = SKEmitterNode(fileNamed: "explosion.sks") {
explode.position = target.position
addChild(explode)
}
}
}
Slide 33
Slide 33 text
class GameScene: SKScene {
var riko: SKSpriteNode!
override func touchesBegan(_ touches: Set, with event: UIEvent?) {
for touch in touches {
let position = touch.location(in: self)
if riko.frame.contains(position) {
explode(riko)
break
}
}
}
private func explode(_ target: SKNode) {
// Remove from scene
target.removeFromParent()
// Add effect(Particle)
if let explode = SKEmitterNode(fileNamed: "explosion.sks") {
explode.position = target.position
addChild(explode)
}
}
}
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
Other Game Related Frameworks
SceneKit
3D game engine
ReplayKit
Provides a framework that lets players record their gameplay
GameKit
Provides Leader Board, Achievements and PvP game logics
GameController
CollecBon of physical game controller APIs
er Framework
me controller
Slide 36
Slide 36 text
cocos2d-iphone cocos2d-x
Slide 37
Slide 37 text
// cocos2d-iphone (Objective-C)
CCSprite *sprite = [CCSprite spriteWithFile:@"riko.png"];
sprite.position = CGPointMake(100, 100);
[self addChild:sprite];
// cocos2d-x (C++)
auto sprite = cocos2d::Sprite::create("riko.png");
sprite->setPosition(cocos2d::Point(100, 100));
this->addChild(sprite);
// SpriteKit (Swift)
let sprite = SKSprite(imageNamed: "riko")
sprite.position = CGPoint(x: 100, y: 100)
addChild(sprite)
Slide 38
Slide 38 text
Level up
your
!
Slide 39
Slide 39 text
GameplayKit
β’ Provide collecBon of essenBal game algorithms / design paJerns.
β’ Since iOS 9
β’ Available on iOS, macOS and tvOS
β’ Introducing GameplayKit
β’ hJps:/
/developer.apple.com/videos/play/wwdc2015/608/
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
DemoBots
β’ Apple Oο¬cial sample project using GameplayKit
β’ Currently, you need patch to build
β’ hJp:/
/bit.ly/2ortMku
β’ Deeper into GameplayKit with DemoBots
β’ hJps:/
/developer.apple.com/videos/play/wwdc2015/609/
Slide 42
Slide 42 text
Bringing game ideas to life
Entities &
Components
Pathο¬nding
Agents
MinMax AI Rule Systems
Random
Sources
State Machines
Slide 43
Slide 43 text
State Machine
Slide 44
Slide 44 text
class FleeState: GKState {
override func update(deltaTime seconds: TimeInterval) {
if player.hp <= 0 { // If you are dead.
// Enter to GameOver State
stateMachine?.enter(GameOverState.self)
}
}
}
class ClearState: GKState {
override func didEnter(from previousState: GKState?) {
let gameOverLabel = SKLabelNode(text: "Game Over")
addChild(gameOverLabel)
}
}
class GameScene: SKScene {
private var stateMachine: GKStateMachine!
override func didMove(to view: SKView) {
super.didMove(to: view)
stateMachine = GKStateMachine(states: [
ReadyState(), FleeState(),
ChaseState(), ClearState(),
])
stateMachine.enter(MainState.self)
}
}
Slide 45
Slide 45 text
Component Oriented Design
Slide 46
Slide 46 text
Component Oriented Design
β’ GKComponent
β’ Reusable funcBons
β’ Movement, Input, AnimaBon etcβ¦
β’ GKEnBty
β’ Container of components
β’ Player, Enemy, Item etcβ¦
Slide 47
Slide 47 text
class InputComponent: GKComponent {
override func update(deltaTime seconds: TimeInterval) {
// handle input
if isRightKeyPressed {
isWarking = true
velocity = CGPoint(x: 10, y: 0)
} else {
isWarking = false
velocity = CGPoint.zero
}
}
}
class AnimationComponent: GKComponent {
override func update(deltaTime seconds: TimeInterval) {
// handle animation
let inputComponent = entity?.component(ofType: InputComponent.self)!
if inputComponent.isWarking {
playWalkingAnimation()
} else {
playIdleAnimation()
}
}
}
class Player: GKEntity {
init() {
super.init()
addComponent(InputComponent())
addComponent(AnimationComponent())
}
}
Slide 48
Slide 48 text
No content
Slide 49
Slide 49 text
Pathο¬nding
Slide 50
Slide 50 text
Agents
Slide 51
Slide 51 text
Other Features
β’ Rule Systems
β’ Rule based decision logics
β’ MinMax AI
β’ Minimax strategy for compeBBon games
β’ Random Source
β’ Random generators (like Mersenne twister)
Slide 52
Slide 52 text
!
meets
Reactive Extension
Slide 53
Slide 53 text
RxSwift
Slide 54
Slide 54 text
No content
Slide 55
Slide 55 text
rx.update
.scan(0) { count, _ in count + 1 }
.bind(to: riko.rx.zRotation)
.disposed(by: disposeBag)
Slide 56
Slide 56 text
rx.touchesBegan
.subscribe(onNext: { touches, _ in
for touch in touches {
let riko = SKSpriteNode(imageNamed: "riko")
riko.position = touch.location(in: self)
self.addChild(riko)
}
})
.disposed(by: disposeBag)
Slide 57
Slide 57 text
No content
Slide 58
Slide 58 text
No content
Slide 59
Slide 59 text
class Player: GKEntity {
let vitality = BehaviorRelay(value: 100)
}
player.vitality
.map { CGFloat($0) / CGFloat(self.player.maxVitality) }
.bind(to: vitalityGauge.rx.xScale)
.disposed(by: disposeBag)
player.vitality.accept(10) // Hadouken
Slide 60
Slide 60 text
giginet/RxSpriteKit
Slide 61
Slide 61 text
Available on watchOS
Slide 62
Slide 62 text
!
beyonds
the platform
Slide 63
Slide 63 text
SpriteKit
β
β
β
β
Slide 64
Slide 64 text
SpriteKit Unity 3D
β
β
β
β
β
β
β
β
β β
β β
β β
β β
β β
β β
β β
β β
β β
β β
Slide 65
Slide 65 text
SpriteKit Unity 3D
β
β
β
β
β
β
β
β
β β
β β
β β
β β
β β
β β
β β
β β
β β
β β
Slide 66
Slide 66 text
No content
Slide 67
Slide 67 text
s1ddok/Fiber2D
Slide 68
Slide 68 text
No content
Slide 69
Slide 69 text
No content
Slide 70
Slide 70 text
!PRESS START