SKFun

Building Sprite Kit games with RubyMotion. Presented at the RubyMotion #inspect 2014 conference in San Francisco.

Transcript

1. willrax
2. Sydney, Australia
3. SKFun
4. 2D Sprites and Animations
5. OSX and iOS
6. OSX and iOS
7. eleven things I wish I knew eleven months ago
9. one
10. Coordinates + +
11. Coordinates + +
12. Down Under Mode
13. two
14. One UIView
15. scene = MyScene.alloc.initWithSize(size) ! view.showsFPS = true view.presentScene(scene) class ! ! ! ! end
16. three
17. Many scenes
18. ice fire credits cut scene menus
19. MyView
20. MyView
21. class ! ! ! ! ! ! ! ! end def didMoveToView(view) super ! ! ! ! ! end add_skyline add_ground add_pipes add_bird
22. Game Loop
23. Update
24. Update Actions
25. Update Actions Physics
26. Update Actions Physics Render
27. def update end ! def didEvaluateActions end ! def didSimulatePhysics end
28. SKNode
29. Video Shape Label Particle
30. Sprite Node
31. image = "bird.png" ! bird = SKSpriteNode.spriteNodeWithImageNamed(image) bird.name = “bird" ! scene.addChild(bird)
32. four
33. Sprite Animation
34. def flap ! ! ! ! ! ! ! ! ! ! end one = SKTexture.textureWithImageNamed(“1.png") two = SKTexture.textureWithImageNamed(“2.png") three = SKTexture.textureWithImageNamed(“3.png”) textures = [one, two, three] animation = SKAction.animateWithTextures(textures, timePerFrame: 0.15) bird.repeatActionForever(animation)
35. Scrolling Images
41. SKFun
42. five
43. ! Actions Are Magical "
44. def add_skyline txt = SKTexture.textureWithImageNamed(“s.png“) ! mid_x = CGRectGetMidX(self.frame) mid_y = CGRectGetMidY(self.frame) ! ! ! ! ! ! ! ! ! ! ! end position = mid_x + (i * mid_x * 2) ! sky = SKSpriteNode.spriteNodeWithTexture(txt) sky.position = CGPointMake(position, mid_y) sky.runAction scroll_action(mid_x, 0.1) ! scene.addChild(sky) 2.times do |i| ! ! ! ! ! ! ! end
45. def scroll_action(x, time) ! ! ! ! ! ! ! ! ! end width = (x * 2) dur = time * width ! move = SKAction.moveByX(-width, y: 0, duration: dur) reset = SKAction.moveByX(width, y: 0, duration: 0.0) sequence = SKAction.sequence([move, reset]) ! SKAction.repeatActionForever(sequence)
46. Parallax
47. def ! mid_x = CGRectGetMidX(self.frame) mid_y = CGRectGetMidY(self.frame) ! ! ! ! ! ! ! ! ! ! ! end position ! sky sky.position sky.runAction scroll_action(mid_x, ! scene.addChild(sky 2 ! ! ! ! ! ! ! end txt = SKTexture.textureWithImageNamed(“s.png“)
48. six
49. Textures are reusable
50. Node 1 Node 2
51. seven
52. Nodes can be added to other nodes
53. class PipePair < SKNode end
54. Up Down Pipe Pair
55. One node
56. def init super self.addChild(top_pipe) self.addChild(bottom_pipe) self end ! def top pipe = SKSpriteNode.spriteNodeWithImageNamed(“t.png”) pipe.position = CGPointMake(0, y + 450) pipe end ! def bottom pipe = SKSpriteNode.spriteNodeWithImageNamed(“b.png”) pipe.position = CGPointMake(0, y) pipe end
58. SKPhysicsWorld
59. def ! ! ! ! ! end earth = CGVectorMake(0,-5.0) ! physicsWorld.speed = 1.0 physicsWorld.gravity = earth
60. eight
61. What are CGVectors?
62. -20 -20 CGVectorMake(-20,-20)
63. 20 20 CGVectorMake(20, 20)
64. 2000 2000 CGVectorMake(2000, 2000)
65. Physics Body
66. nine
67. Physics bring life to your nodes
68. body = SKPhysicsBody.bodyWithRectangleOfSize(size) body.dynamic = true ! bird.physicsBody = body bird size
69. body.dynamic = false body.dynamic = true dynamic static SKPhysicsBody.bodyWithEdgeLoopFromRect(frame) edge loop
71. - touchesBegan(touches, withEvent: event) ! - touchesMoved(touches, withEvent: event) ! - touchesEnded(touches, withEvent: event) ! - touchesCancelled(touches, withEvent: event)
72. def touchesBegan(touches, withEvent: event) node = childNodeWithName "bird" ! node.physicsBody.velocity = CGVectorMake(0, 0) node.physicsBody.applyImpulse CGVectorMake(0, 8) end
74. ten
75. Collision vs Contact
76. Collision is automatic
79. Contact is voluntary
80. BIRD = 0x1 < 1 GROUND = 0x1 < 2 PIPE = 0x1 < 3 ! pipe.physicsBody.categoryBitMask = WORLD ground.physicsBody.categoryBitMask = WORLD bird.physicsBody.categoryBitMask = BIRD bird.physicsBody.contactTestBitMask = WORLD WORLD = GROUND | PIPE
81. def super ! ! ! ! end ! physicsWorld.gravity ! setup_scene class ! ! ! ! ! ! ! end physicsWorld.contactDelegate = self
83. ❗️
84. def didBeginContact(contact) restart_bird reset_pipes end
86. eleven
87. controllers.
88. controllers. are awesome
90. app.frameworks += ["GameController"] That’s it.
91. def check_controller bird = childNodeWithName("bird") ! controllers = GCController.controllers controller = controllers.first.extendedGamepad ! if controller.buttonA.isPressed? bird.physicsBody.velocity = CGVectorMake(0, 0) bird.physicsBody.applyImpulse CGVectorMake(0, 8) end end
92. remember the touch screen
93. Resources bit.ly/lynda-sk bit.ly/pragprog-sk bit.ly/apple-sk
94. questions?