Game development via_sprite_kit
Download as PPTX, PDF0 likes1,132 views
This document discusses game development using Sprite Kit, Apple's 2D game engine for iOS 7. It provides an overview of Sprite Kit basics like SKView, SKScene, SKNode, and SKAction. It also covers topics like game interaction using touches, gestures, and sensors as well as the Sprite Kit run cycle.
![Code sample
self.scoreLabel = [[SKLabelNode alloc]
initWithFontNamed:@"Chalkduster"];
self.scoreLabel.fontSize = 15;
self.scoreLabel.color = [UIColor whiteColor];
self.scoreLabel.position = CGPointMake(20, 300);
self.scoreLabel.zPosition = 100;
[self addChild:self.scoreLabel];](https://image.slidesharecdn.com/gamedevelopmentviaspritekit-150104114501-conversion-gate02/85/Game-development-via_sprite_kit-17-320.jpg){kind=icon}
![Code sample
-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
SKAction *moveUp = [SKAction moveBy:CGVectorMake(0, 100)
duration:0.8];
SKAction *moveDown = [SKAction moveBy:CGVectorMake(0, -100)
duration:0.6];
SKAction *seq = [SKAction sequence:@[moveUp, moveDown]];
Player *player = (Player*)[self childNodeWithName:playerName];
[player runAction:seq];
}](https://image.slidesharecdn.com/gamedevelopmentviaspritekit-150104114501-conversion-gate02/85/Game-development-via_sprite_kit-19-320.jpg){kind=icon}
![Code sample
-(void)touchesMoved:(NSSet *)touches
withEvent:(UIEvent *)event {
UITouch *touch = [touches anyObject];
SKSpriteNode *touchedNode = (SKSpriteNode
*)[self nodeAtPoint:[touch locationInNode:self]];
if (touchedNode.name == playerName) {
Player *player = (Player*) touchedNode;
player.selected = YES;
return;
}
}](https://image.slidesharecdn.com/gamedevelopmentviaspritekit-150104114501-conversion-gate02/85/Game-development-via_sprite_kit-22-320.jpg){kind=icon}
![Code sample
- (void)update:(CFTimeInterval)currentTime{
Insert the following code into it:
[self enumerateChildNodesWithName:@"theLabel" usingBlock:^(SKNode
*node, BOOL *stop) {
node.position = CGPointMake(node.position.x - 2, node.
position.y);
if (node.position.x < - node.frame.size.width) {
node.position = CGPointMake(self.frame.size.width, node.
position.y);
}
}];
}](https://image.slidesharecdn.com/gamedevelopmentviaspritekit-150104114501-conversion-gate02/85/Game-development-via_sprite_kit-25-320.jpg){kind=icon}
Game development via_sprite_kit
- 2. Buşra Deniz Çanakkale Onsekiz Mart Üniversitesi Bilgisayar Mühendisliği Dotto Bilişim Teknolojileri Mobile Software / Game Developer Netaş Mobile Engineer www.busradeniz.com [email protected] @busradeniz
- 3. Frameworks for game development OpenGL ES UIKit controls and views Third-party libraries (Unity, Unreal 3D, cocos2D, Flash - as3)
- 4. OpenGL ES Hard to learn Good for experienced programmer / company Cross plotform solutions Good performance but code complexity
- 5. UIKit controls and views Default iOS programming framework Buttons, pickers, views, navigation bars etc. Easy but bad performance Same interface with other iOS apps
- 6. Third-party libraries Unity Unreal 3D Cocos 2D (4000+ games) Corona SDK etc.
- 7. Cocos2D vs Sprite Kit
- 8. What is Sprite Kit ? Apple's 2D game engine for iOS 7
- 9. Pros Part of iOS SDK Easy to use API Built-in tools Built-in Physics engine iOS / Mac
- 10. Cons Locked into iOS ecosystem No ability to write custom OpenGL code Doesn't have as many useful features as Cocos2D
- 11. First Sprite Kit Project
- 13. SKView
- 14. SKScene Only one scene at a time is present on SKView
- 15. SKNode SKNode SKSpriteNode SKLabelNode SKShapeNode SKEmitterNode SKEffectNode
- 16. SKNode properties and methods Properties position zposition xScale - yScale name Methods childNodeWithName:(NSString *) name enumerateChildWithName:usingBlock
- 17. Code sample self.scoreLabel = [[SKLabelNode alloc] initWithFontNamed:@"Chalkduster"]; self.scoreLabel.fontSize = 15; self.scoreLabel.color = [UIColor whiteColor]; self.scoreLabel.position = CGPointMake(20, 300); self.scoreLabel.zPosition = 100; [self addChild:self.scoreLabel];
- 18. SKAction Move actions Rotate actions Actions that change node scale over time Actions that combine other actions (sequence: / repeatAction:)
- 19. Code sample -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { SKAction *moveUp = [SKAction moveBy:CGVectorMake(0, 100) duration:0.8]; SKAction *moveDown = [SKAction moveBy:CGVectorMake(0, -100) duration:0.6]; SKAction *seq = [SKAction sequence:@[moveUp, moveDown]]; Player *player = (Player*)[self childNodeWithName:playerName]; [player runAction:seq]; }
- 20. Game Interaction Touching the screen Gesture recognizers Accelerometer and gyroscope Game Controller events
- 21. Handling touches -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event -(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event -(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event -(void) touchesCancelled:(NSSet *)touches withEvent:(UIEvent *) event
- 22. Code sample -(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event { UITouch *touch = [touches anyObject]; SKSpriteNode *touchedNode = (SKSpriteNode *)[self nodeAtPoint:[touch locationInNode:self]]; if (touchedNode.name == playerName) { Player *player = (Player*) touchedNode; player.selected = YES; return; } }
- 23. Gesture Code Sample - (void) handleSwipeRight:(UIGestureRecognizer *)recognizer { if (recognizer.state == UIGestureRecognizerStateRecognized) { backgroundMoveSpeed += 50; } } - (void) handleSwipeLeft:(UIGestureRecognizer *)recognizer { if (recognizer.state == UIGestureRecognizerStateRecognized && backgroundMoveSpeed > 50) { backgroundMoveSpeed -= 50; } }
- 24. Sprite Kit Run Cycle
- 25. Code sample - (void)update:(CFTimeInterval)currentTime{ Insert the following code into it: [self enumerateChildNodesWithName:@"theLabel" usingBlock:^(SKNode *node, BOOL *stop) { node.position = CGPointMake(node.position.x - 2, node. position.y); if (node.position.x < - node.frame.size.width) { node.position = CGPointMake(self.frame.size.width, node. position.y); } }]; }