watchOS 2でゲーム作ってみた話
7 likes•4,776 views
このドキュメントは、watchOS 2でのゲーム開発についてのセッション内容を紹介しています。アプリの基本的な作り方やUIデザイン、アニメーション、HealthKitとの連携に関する問題点を取り上げています。制約が多い中でも、工夫次第でゲーム開発が可能であることを強調しています。
![func initialise()
{
// Check whether HealthKit is available
guard HKHealthStore.isHealthDataAvailable() else {
print("not available")
return
}
// Request Permissions
let dataTypes = Set([heartRateType])
healthStore.requestAuthorizationToShareTypes(nil, readTypes:
dataTypes) {
(success, error) -> Void in
if success {
print("authorized")
}
}
}](https://image.slidesharecdn.com/watchos2-151029105637-lva1-app6892/85/watchOS-2-47-320.jpg)
![private func heartRateFromSamples(samples: [HKSample]?) -> Double?
{
guard let samples = samples as? [HKQuantitySample] else {
return nil
}
guard let sample = samples.last?.quantity else {
return nil
}
let unit = HKUnit(fromString: "count/min")
let rate = sample.doubleValueForUnit(unit)
return rate
}](https://image.slidesharecdn.com/watchos2-151029105637-lva1-app6892/85/watchOS-2-51-320.jpg)
watchOS 2でゲーム作ってみた話
- 1. ⌚watchOS 2で ゲーム作ってみた話 iOS 9 週連続 Bootcamp！ vol5 @giginet
- 2. @giginet
- 3. 趣味：ゲーム開発👾
- 5. このセッションでは • watch OS2アプリの基本的な作り方を紹介 • ゲームを作る際に発生した問題をいろいろと 紹介
- 10. 作ってみた
- 11. watch OS2
- 12. watch OS2 overview • WatchKit -> watch OS2 • CoreFoundation • HealthKit, HomeKit, PassKit, EventKit, Contacts • WCSession • Complications(ClockKit)
- 15. Rendering
- 16. watch アプリのUIデザイン • UIViewのようなViewの任意配置ができない • 動的にViewを増やすことができない • 制約の中でどのようにゲーム的な画面を作る か？ let imageView = UIImageView() imageView.frame = CGRectMake(10, 10, 100, 100)
- 17. watch アプリのUIデザイン • WKInterfaceController • UIViewControllerに相当 • WKInterfaceObject • UIViewに相当。Image/Button/Pickerなどを サブクラスとして持つ • alpha, width/height, inset, color, alignment
- 18. watch アプリのUIデザイン • WKInterfaceGroup • 子要素を縦、または横に整列できる
- 22. 気合で頑張る
- 24. animationWithDuration // 1秒かけて幅を0から100にする self.imageView.setWidth(0) self.animateWithDuration(1.0) { () -> Void in self.imageView.setWidth(100) }
- 25. animationWithDuration • 制御できるものが限られている • レイヤーを重ねられない • 動的に要素を追加できない
- 26. func draw() { UIGraphicsBeginImageContext(self.screenSize()) let context = UIGraphicsGetCurrentContext() UIColor.greenColor().setStroke() UIColor.whiteColor().setFill() // Set ball position let rect = CGRectMake(self.ballPosition.x, self.ballPosition.y, 10, 10) let path = UIBezierPath(ovalInRect: rect) path.lineWidth = 1.0 path.fill() path.stroke() let cgimage = CGBitmapContextCreateImage(context); let uiimage = UIImage(CGImage: cgimage!) UIGraphicsEndImageContext() // Render UIImage self.canvasView.setImage(uiimage) } UIImage + CGContext
- 27. UIImage + CGContext • 何でも描ける • 大変重い
- 29. Input
- 30. Detect Digital Crown • watchOS2でDigital Crownを取得する方法は ない • タッチ位置も取得できない
- 32. override func awakeWithContext(context: AnyObject?) { super.awakeWithContext(context) // Focus to picker forcedly self.controlPicker.focus() // Create picker items let numbers = (Array<Int>)(0...maxPaddleIndex) let pickerItems = numbers.map({ (number : Int) -> WKPickerItem in let pickerItem = WKPickerItem() pickerItem.title = "(number)" return pickerItem }) // Initialise picker self.controlPicker.setItems(pickerItems) self.controlPicker.setSelectedItemIndex(0) } @IBAction func pickerDidChanged(index : Int) { // Calc picker ratio self.paddle.controlPickerRatio = CGFloat(index) / CGFloat(maxPaddleIndex - 1) }
- 33. In Doom
- 34. Run Loop
- 35. // Create queue let queue: dispatch_queue_t = dispatch_queue_create("mainLoop", DISPATCH_QUEUE_SERIAL) // Create timer let timer: dispatch_source_t = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0, queue) // Define main loop dispatch_source_set_event_handler(timer, { () in // Main loop self.update() self.draw() }) let secondPerFrame: Double = 1.0 / 30.0 let startTime: dispatch_time_t = dispatch_time(DISPATCH_TIME_NOW, Int64(NSEC_PER_SEC)) let interval: UInt64 = UInt64(Double(NSEC_PER_SEC) * secondPerFrame) // Start timer dispatch_source_set_timer(timer, startTime, interval, 0) dispatch_resume(timer)
- 36. Audio
- 37. func playSound(mediaURL: NSURL) -> Void { let asset: WKAudioFileAsset = WKAudioFileAsset(URL: mediaURL) let playerItem = WKAudioFilePlayerItem(asset: asset) let player = WKAudioFilePlayer(playerItem: playerItem) guard player.status == WKAudioFilePlayerStatus.ReadyToPlay else { print("Audio is not available") return } player.play() } WKAudioFilePlayer
- 39. func playSound(mediaURL: NSURL) -> Void { // Show media player self.presentMediaPlayerControllerWithURL(mediaURL, options: nil, completion: { (didPlayToEnd: Bool, endTime: NSTimeInterval, error :NSError?) in // callback self.dismissMediaPlayerController() }) } presentMediaPlayer
- 42. まとめ • 任意の音をWatchのスピーカーから非同期に 鳴らす方法はない • WCSessionなどを使ってiPhoneから音を鳴ら すのはできるかも • Hapticも効果音代わりに使える
- 43. HealthKit
- 45. ❌
- 46. ⭕ Query Samples
- 47. func initialise() { // Check whether HealthKit is available guard HKHealthStore.isHealthDataAvailable() else { print("not available") return } // Request Permissions let dataTypes = Set([heartRateType]) healthStore.requestAuthorizationToShareTypes(nil, readTypes: dataTypes) { (success, error) -> Void in if success { print("authorized") } } }
- 49. func executeAnchordObjectQuery() -> Void { let healthStore = HKHealthStore() let heartRateType = HKQuantityType.quantityTypeForIdentifier(HKQuantityTypeIdentifierHe artRate)! // Define predicate let predicate = HKQuery.predicateForSamplesWithStartDate(NSDate(), endDate: nil, options: .None)
- 50. // Create query let query = HKAnchoredObjectQuery(type: heartRateType, predicate: predicate, anchor: nil, limit: Int(HKObjectQueryNoLimit)) { (query, samples, deletedObjects, anchor, error) -> Void in // Callback dispatch_async(dispatch_get_main_queue(), {() in let rate = self.heartRateFromSamples(samples) if rate != nil { self.currentHeartRate = rate } }) } query.updateHandler = { (query, samples, deletedObjects, anchor, error) -> Void in // on Update dispatch_async(dispatch_get_main_queue(), {() in let rate = self.heartRateFromSamples(samples) if rate != nil { self.currentHeartRate = rate } }) } healthStore.executeQuery(query)
- 51. private func heartRateFromSamples(samples: [HKSample]?) -> Double? { guard let samples = samples as? [HKQuantitySample] else { return nil } guard let sample = samples.last?.quantity else { return nil } let unit = HKUnit(fromString: "count/min") let rate = sample.doubleValueForUnit(unit) return rate }
- 52. 60bpm 80bpm
- 53. まとめ • watchOS 2になっても制約が多い • がんばれば結構できる
- 54. Special Thanks • shu223/watchOS-2-Sampler • https://github.com/shu223/watchOS-2-Sampler • Designing for Apple Watch - WWDC 2015 - Videos - Apple Developer • https://developer.apple.com/videos/play/ wwdc2015-802/
- 56. Questions?