用SpriteKit 做一個FB 投籃遊戲

Transcript

1. ༻SpriteKit 
 ၏ҰݸFB ౤ឈ༡ፍ John Lin
 @johnlinvc
2. SpriteKit • Apple ։ᚙత2D ༡ፍᐽՍɼࢧԉiOS & OSX • แؚ៸ᅷɼ෺ཧ໛ٖɼӨԻ
3. FB ౤ឈ༡ፍ
4. ෼Ꮠ ឈᐽ ឈٿ
5. ༡ፍྲྀఔ • ౤ឈ • ఁଌ༗ᔒ༗౤ਐ • ᰖࣔ෼Ꮠ
6. SKView • UIView త Subclass • ෛ੹መࡍత៸ᅷ • ՄҎᰖࣔҰࠣআࡨ༻తࢿ㘤
7. SKScene • ෛ੹႔ཧ༡ፍతҰݸ৔ܠɻ • ෛ੹႔ཧಈᙘᢛ෺ཧ໛ٖɻ • ༻ SKView.presentScene ိᰖࣔ • ݐٞࡏ didMoveToView தݐཱመࡍత෺݅
8. SKNode • ୅ද༡ፍதత෺݅ɼՄҎੋᅷยɼจࣈɼܗ㐫ɼӨԻ • SKScene ໵ੋSKNode త subclass • ੔ݸ༡ፍதత෺݅ੋҰݸथ㐫݁ߏɼrootबੋ SKScene
9. SKLabelNode • ᰖࣔจࣈ༻ • ༻ိᙘ
10. ఁଌख੎ • SKNode ໵ੋ UIResponder త subclass • ༻ touchesBegan(_:withEvent:) ိܭࢉىᴍ • ༻ touchesEnded(_:withEvent:) ိܭࢉऴᴍ • ၷݸ૬ݮबՄҎፙग़ख੎తํ޲
11. SKPhysicsBody • 㑌ݸSKNode ౎ՄҎ༗Ұݸ physicsBody ိਐߦ෺ ཧ໛ٖɻ • ՄҎࣗݾఆٛܗ㐫ɼ໵ՄҎኺtexture ࣗಈ㗞ੜ • ՄҎઃఆ֤छ෺ཧಛੑɼ࣭ྔɼີ౓ɼຎࡲ܎Ꮠɼኧ ੑ܎ᏐɼҠಈ્ྗɼટ᫚્ྗ
12. 㟚ٿ • ҝ߶߶తLabel Ճ্Ұݸᅵܗత physicsBody physicsBody = SKPhysicsBody(circleOfRadius: 95, center: CGPointMake(0, 75)) • ࡏ㟚ٿલ౎ෆཁडॏྗӨڹ physicsBody?.affectedByGravity = false • ሣٿࢪՃҰݸিྔɼฒ׌⬏ಈॏྗ let impulse = CGVectorMake(base * (dx/norm), base * (dy/norm)) physicsBody?.applyImpulse(impulse) physicsBody?.affectedByGravity = true
14. ឈᐽ • Ұᑍߚઢɼࠨӈၷᬑ༗ఁଌ䉰಍తეҬ • ՄҎ༻ SKShapeNode ိᙘ ring = SKShapeNode(rect: CGRectMake(0, 0, rad, 2*h))
15. ឈᐽ䉰಍ • ࠨӈ֤ᙘҰᑍឈᐽ let l = SKPhysicsBody(edgeFromPoint: CGPointMake(0, 2*h), toPoint: CGPointMake(3*h, 2*h)) let r = SKPhysicsBody(edgeFromPoint: CGPointMake(rad-3*h, 2*h), toPoint: CGPointMake(rad, 2*h)) • ૊੒Ұݸཟᐽ ring!.physicsBody = SKPhysicsBody(bodies: [l,r])
17. ٿؐࡏ্ঋब಍౸ឈᐽྃ • ҼҝឈᐽҰ௚ࡏಹཪɼॴҎ্ঋब။಍౸ • ղܾํ๏ɿ૝㭎๏ᩋଞ୞༗ࡏԼ߱త࣌ީ࠽။಍౸
18. ༡ፍ㑌ݸᙘ໘త॥؀
19. ্ঋ࣌ෆཁ䉰಍ func ballAboveRing()->Bool { return basket?.position.y < ball?.position.y } override func update(currentTime: NSTimeInterval) { if ballAboveRing() { basket?.ringEnabled = true } }
20. categoryBitMask:UInt32 & collisionBitMask:UInt32 • ᙛၷݸ෺ᱪA,B ᯪۙሣํ࣌ɼ။༻&(bitwise and) ိ ֬ఆၷݸ౦੢။ෆ။䉰಍
 (a.categoryBitMask & b.collisionBitMask) && 
 (b.categoryBitMask & a.collisionBitMask) • ஫ҙɿෆੋ௚઀༻ძํతcollisionBitMask ိ൑Ꮧɼ ࣕੋҰํతcategory ሣ্ሣํత collision
21. ೺ٿઃఆ੒୞။಍౸ᐽ • physicsBody?.categoryBitMask = CollisionMask.Ball physicsBody?.collisionBitMask = CollisionMask.Basket
22. ᐽՄҎબᎩཁෆཁ䉰಍ var ringEnabled:Bool { set { ring?.physicsBody?.collisionBitMask = newValue ? CollisionMask.Ball : CollisionMask.None ring?.physicsBody?.categoryBitMask = newValue ? CollisionMask.Basket : CollisionMask.None } get { return ring?.physicsBody?.collisionBitMask == CollisionMask.Ball } }
23. ఁଌ༗ᔒ༗౤ਐ • ෆೳ୞༻ٿతҐஔိఁଌ • ༻౤ឈػత၏๏ɼፙग़Ұݸ໋தޙҰఆ။ៃաతᴍ • ༻ҰݸphysicsBoby ိఁଌٿ༗ᔒ༗䉰౸ಹݸᴍ
24. 䉰಍ఁଌ • ࢖༻ contactTestBitMask & categoryBitMask 
 (a.categoryBitMask & b.contactTestBitMask) && 
 (b.categoryBitMask & a.contactTestBitMask) • ༗䉰಍ᚙੜ࣌။ݺڣ scene.physicsWorld.contactDelegate త
 didBeginContact(_:) & didEndContact(_:)
25. መ࡞ܭ෼ఁଌث • ᩋఁଌثෆ။಍౸ٿɼୠੋೳఁଌᢛٿత઀ᨀ phy.collisionBitMask = CollisionMask.None phy.contactTestBitMask = CollisionMask.Ball phy.categoryBitMask = CollisionMask.Sensor • Լ్߱தɼ䉰౸बՃҰ෼ func didEndContact(contact: SKPhysicsContact) { guard basket!.ringEnabled else { return } score += 1 }
26. ᰖࣔ෼Ꮠ var score:Int = 0 { didSet { scoreText?.text = "Score: \(score)" } }
27. Bonus: ௥ٻਅመײ • ᩋٿ㟚ग़ڈ೭ޙ။Ꮣখ • ႔ཧٿ࿨ឈᐽ೭ؒతલޙҐஔ᮫܎
28. SKAction • ᩋNodeՄҎํศత၏ग़֤छಈ࡞ɼ૾ੋҠಈɼվᏓ େখɼટ᫚౳౳ • ՄҎ۲઀֤छෆಉతಈ࡞ိ၏ग़֤छᏈՌ
29. ᩋٿᏓখ let scale:CGFloat = 0.5 let scaleDuration:NSTimeInterval = 1.1 runAction(SKAction.scaleBy(scale, duration: scaleDuration))
30. ٿ࿨ᐽతલޙҐஔ • ٿࡏ্ঋత࣌ީጯ֘ཁ֖ॅᐽɼԼ߱࣌ཁඃᐽ֖ॅ var appearBeforeRing:Bool { set { zPosition = newValue ? 1 : -1 } get { return zPosition == 1 } }
31. Demo
32. Source Code
 https://gist.github.com/ bdf61305b74305079d3bae198b09 e0b2
33. Q&A