Sprite Kit

Transcript

1. SPRITE KIT lee sing jie
2. 2D Game Engines Cocos2D Cocos2Dx Unity Sprite Kit
3. SPRITE KIT
4. Classes SKNode SKEmitterNode SKShapeNode SKCropNode SKEffectsNode SKSpriteNode SKLabelNode SKScene SKCameraNode
5. Classes SKNode UIView ~=
6. Classes SKNode Parent class of all nodes SKScene Root of the scene graph SKSpriteNode Renders a textured sprite SKEmitterNode Generates and renders particles SKLabelNode Renders a text string SKVideoNode Plays video content SKShapeNode Renders a shape SKEffectNode Applies a Core Image filter to its children SKCropNode Crops its children using a mask
7. SKScene SKScene SKScene Classes Structure Main Menu Game Game Over SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode SKNode ViewController
8. Game Loop in SKScene
9. Actions [node runAction:[SKAction rotateByAngle:M_PI duration:0.2]]; • Very easy to use • One line creation • Chainable • Removed on completion
10. Basic Actions [node runAction:[SKAction moveTo:point duration:0.2]]; [node runAction:[SKAction fadeAlphaTo:0.8 duration:0.2]]; [node runAction:[SKAction scaleBy:2.0 duration:0.2]]; [node runAction:[SKAction scaleXBy:1.0 duration:0.2]]; [node runAction:[SKAction rotateByAngle:M_PI duration:0.2]]; [node runAction:[SKAction moveBy:vector duration:0.2]];
11. Compound Actions Sequences [node runAction:[SKAction sequence:@[action1, action2, action3]]; action1 action2 action3 SKAction Sequence
12. Compound Actions Groups [node runAction:[SKAction group:@[action1, action2, action3]]; action1 action2 action3 SKAction Group
13. Compound Actions Repeat SKAction *group = [SKAction group:@[action1, action2, action3]]; [node runAction:[SKAction repeatActionForever:group]]; action1 action2 action3 SKAction Group + Repeat
14. Special Actions [SKAction animateWithTextures:@[trex0, trex1, trex2…] timePerFrame:0.1];
15. Special Actions [SKAction followPath:path duration:0.2]; [SKAction followPath:path asOffset:YES orientToPath:YES duration:0.2];
16. SKActions
17. DEMO
18. Physics Engine • Uses Box2D under the hood • open source physics engine • Objective-C API • Fully integrated into Sprite Kit
19. Physics Engine PhysicsBody CategoryBitMask CollisionBitMask ContactBitMask mass density velocity friction … properties
20. Physics Engine PhysicsBody CategoryBitMask CollisionBitMask ContactBitMask properties
21. Physics Engine PhysicsBody CategoryBitMask CollisionBitMask ContactBitMask properties kBitMaskUser typedef NS_OPTIONS(NSUInteger, kBitMask) { kBitMaskFloor = (1 << 0), kBitMaskUser = (1 << 1), kBitMaskObstacle = (1 << 2), kBitMaskCoins = (1 << 3), }; CategoryBitMask kBitMaskUser CollisionBitMask ContactBitMask
22. Physics Engine PhysicsBody CategoryBitMask CollisionBitMask ContactBitMask properties typedef NS_OPTIONS(NSUInteger, kBitMask) { kBitMaskFloor = (1 << 0), kBitMaskUser = (1 << 1), kBitMaskObstacle = (1 << 2), kBitMaskCoins = (1 << 3), }; kBitMaskFloor|kBitMaskObstacle CategoryBitMask kBitMaskUser CollisionBitMask kBitMaskFloor | kBitMaskObstacle ContactBitMask
23. Physics Engine PhysicsBody CategoryBitMask CollisionBitMask ContactBitMask properties typedef NS_OPTIONS(NSUInteger, kBitMask) { kBitMaskFloor = (1 << 0), kBitMaskUser = (1 << 1), kBitMaskObstacle = (1 << 2), kBitMaskCoins = (1 << 3), }; kBitMaskCoins CategoryBitMask kBitMaskUser CollisionBitMask kBitMaskFloor | kBitMaskObstacle ContactBitMask kBitMaskCoins
24. Physics Engine CategoryBitMask kBitMaskUser CollisionBitMask kBitMaskFloor | kBitMaskObstacle ContactBitMask kBitMaskCoins Player
25. Let's build a game!
27. Except • No Multiplayer • No cute characters • No power-ups • No walls • No auto-run
29. SKCameraNode
30. SKCameraNode
31. Q&A