tvOSアプリのGameCenter対応
GameCenter対応
- iOS版とtvOS版のLeaderboardを共通のものとして使いたい
Xcode側
- iOS用のコードをそのまま利用しようとしたら以下の様なエラーが出た
- エラー:
viewState is unavailable - エラー:
leaderboardIdentifier is unavailable - tvOSではこれらは使われないようなので
viewStateとleaderboardIdentifierの設定は削除 - tvOSでは
leaderboardIdentifierはAssets.xcassetsから行う
手順
Assets.xcassetsにてGame Center > New Apple TV Leaderboardからアセットを追加- 追加した
Leaderboardに画像を登録 LeaderboardのAttributes inspectorにてIdentifierを登録- tvOS側のBundle IDをiOSと同じものにする (同じじゃない場合)
参考
iTunes Connect側
- Game Center プログラミングガイドには以下のようにある
ゲームグループ
「ゲームグループ」もiTunes Connectの機能で、Game Centerに対応した複数のゲームを1つのグルー プにまとめ、Game Centerのコンテンツの一部を共有できます。グループに属する各ゲームは、iTunes Connect上にそれぞれレコードを持つ独立したゲームですが、アセットの一部を共有します。
App Storeで公開する、次のようないくつかの版を、すべて同じゲームとして扱える、という利点があります。 iOS版とOS X版(別々に用意する場合)。 無料版と有料版。
- Game Centerグループに関して別資料: iTunes Connect向けCame Center構成ガイド > グループ
iTunes Connect > App Store > tvOS APPから既存(iOS用)のLeaderboardを追加すると以下の様なエラーが出る (エラーはiOS APP側にも出る)Leaderboardは1つ以上のLeaderboardセットに属している必要があります。- 上記作業をしている最中にiOS版の審査が通る
- 上記エラーが出なくなった
- 別の問題でGame Centerグループを作成しようとするもエラーが出る
- グループ化の必要の有無、グループ作成方法がわからないが、グループ化していないLeaderboard IDにてスコアのアップロードを確認できた (Sandbox)
Apple TVアプリでボタンやフォーカスの動きを調べる
フォーカス移動の検知
override func didUpdateFocusInContext(context: UIFocusUpdateContext, withAnimationCoordinator coordinator: UIFocusAnimationCoordinator) { context.nextFocusedView?.backgroundColor = UIColor.grayColor() // 現在フォーカスがあたっているビューの操作 context.previouslyFocusedView?.backgroundColor = nil // ひとつ前にフォーカスがあたっていたビューの操作 }
最初にフォーカスされるビューの指定
override var preferredFocusedView: UIView? { return ボタン名 }
ボタンが押された時の処理
ボタン名.addTarget(self, action: #selector(呼び出すメソッド), forControlEvents: UIControlEvents.PrimaryActionTriggered)
わからないこと
- スワイプでフォーカスが移動しない場合の対応
- 左右タップの取得方法 (取得できる？)
参考
Apple TVアプリを作るために下調べ
やること
やったこと
プログラミングガイドを読む
ターゲット追加
- プログラミングガイドに以下のようにあるので、iOSのリソース使うかわからないが既存プロジェクトにターゲットを追加した
- Bundle IDとかどうなるのかよくわかっておらずProduct Nameをどうしたものか迷ったが
既存プロジェクト名TVとTVを後ろにつけてみた
既存のプロジェクトをtvOS用に移行する場合、Xcodeプロジェクトに新しくターゲットを追加することにより、既存リソースの共有が容易になりますが、ストーリーボードは新たにtvOS用のものを作成する必要があります。
Provisioning Profiles作成
- プログラミングガイドに以下のようにあったが、iOS用とBundle IDをわけるのかよくわからなかった
- とりあえずtvOS用にProvisioning Profileを作る
- App IDはiOS用のものを選択する
Provisioning profile does not match bundle identifierとエラーがでた (WatchOSの時は相違しててもOKな気もしたが)- Bundle IDをあわせたらArchivesができたので大丈夫かな
Apple TV用アプリケーションの開発や配布に当たっては、Apple TVに対応した新しいプロビジョニングプロファイルが必要です。既存のiOS開発用/配布用署名IDとともに使うことになります。
必要なリソースを確認
Assets.xcassetsを覗いてみる
- 初期のAssets.xcassetsには以下のImage Setが並んでいる
- App Icon - Large
- App Icon - Small
- Top Shelf Image
- LaunchImage
+ボタンには以下のようなものが並んでいる (TV系のみ抜粋)- New Apple TV Image Stack
- New Apple TV Image Stack Layer
- Game Center > New Apple TV Dashboard Image
- Game Center > New Apple TV Leaderboard
- Game Center > New Apple TV Leaderboard Set
- どこまでが必須か、なにに使われるものかよくわからない
ヒューマンガイドラインをナナメ読み
- Apple TV Human Interface Guidlinesを確認
- レイアウト
- 1920 x 1080pixels (1080p)で作りましょう
- @1xで作りましょう
- 上下60pixels、左右90pixelsをあける
- アイコン
- 2〜5層のレイヤがもてる
- グラデーションは上が明るく下が暗い
- Small(ホームスクリーン用)とLarge(ストア用)が必要
- Small: 400 x 240px(Focused/Safe zone size: 370x 222px, Unfocused size: 300 x 180px)
- Large: 1280 x 768px
- Top Shelf
- 1920 x 720px
- Game Center
- Achievement Icon: 320 x 320px(直径200pxの円にトリミング)
- Dashboard Artwork: 923 x 150px(最大値)
- Leaderboard Artwork: 659 x 371px (Focused/Safe zone size:618 x 348px, Unfocused size: 548 x 309px)
- Leaderboard Artworkは1〜3層で作る
- Launch Image
- 1920 x 1080px
画面サイズと必要なリソースまとめ
- (数字はすべてピクセル)
- レイアウト
- 画面サイズ: 1920 x 1080 (16:9)
- 上60、下60、左90、右90をあける
- Icon
- App Icon - Large: 1280 x 768
- App Icon - small: 400 x 240
- 2〜5層にわける
- Top Shelf
- 1920 x 720
- Launch Image
- 1920 x 1080
- Game Center
- Dashboard Artwork: 923 x 150
- Leaderboard Artwork: 659 x 371 (1〜3層で作る)
SpriteKitでNodeを点滅させる
- 点滅の動きを
SKAction.sequenceで作る SKAction.repeatActionForeverでループさせるrunActionで実行する
override func didMoveToView(view: SKView) { let rect = SKShapeNode(rectOfSize: CGSizeMake(50.0, 50.0)) rect.fillColor = UIColor.redColor() rect.position = CGPointMake(self.frame.midX, self.frame.midY) self.addChild(rect) // 点滅の場合 let blinking = SKAction.sequence([ SKAction.unhide(), SKAction.waitForDuration(0.2), SKAction.hide(), SKAction.waitForDuration(0.2)]) // // フェードの場合 // let fade = SKAction.sequence([ // SKAction.fadeAlphaTo(0.0, duration: 1.00), // SKAction.waitForDuration(0.2), // SKAction.fadeAlphaTo(1.0, duration: 1.00)]) let loop = SKAction.repeatActionForever(blinking) rect.runAction(loop) }
try! Swiftの感想
感想
3月2〜4日、Swiftのカンファレンスtry! Swiftに参加した。
- 1トーク25分なことと、こまめに休憩が入るので、トークに集中しやすかった
- 休憩時間には、参加者/スピーカーの方々と交流することが出来て楽しかった
- コーヒーやジュース、軽食、ランチが充実していて、満足できた
- 同時通訳やWi-Fiが快適だった
- niwatakoさんの聞き起こしがすごかった
プログラムを触りだして半年程度なので、参加に際しては少し悩んだのだが、とても楽しい3日間となってよかった。
#tryswiftconf 💖 pic.twitter.com/4jtb6XEF1J
— try! Swift (@tryswiftconf) 2016年3月4日
iOSアプリを作る際に必要なアイコン種類のメモ
- iOS8以上の場合
- 必須じゃない種類も含む
- iPad用も含む
icon
AdMobメディエーションでi-mobileバナーを表示する
環境
AdMobメディエーション設定
- AdMob管理画面でi-mobileの広告IDを登録 (詳細省略)
- 参考
AdMob SDK組み込み
- 通常のAdMob実装と同様に行う
- 参考
リンカフラグの追加
- 参考ページにはリンカフラグの追加が指示されているが、すでに追加されていた
- Google Analytics、AdMobの設定の途中で追加された？
- ここには
メディエーションIDを指定となっているが、見当たらないので、通常の広告ユニットIDを指定した - 説明ページがいろいろあってややこしい
- 参考
バナーサイズの指定
- 下記のようになると思われる
kGADAdSizeSmartBannerPortraitを指定すると、AdMob: スマートバナー、i-mobile: 320x50kGADAdSizeBannerを指定すると、AdMob: 320x50、i-mobile: 320x50- ここには、以下のように書かれているので
kGADAdSizeSmartBannerPortraitを指定していいかは不明
AdMob 広告ネットワーク メディエーションでは現在のところ、スマート バナーは完全にサポートされていません。
i-mobile SDK組み込み
// for i-mobile SDK #import <Foundation/Foundation.h> #import <UIKit/UIKit.h> #import "ImobileSdkAds/ImobileSdkAds.h" // for admob mediation #import <GoogleMobileAds/GoogleMobileAds.h> #import <GoogleMobileAds/GADBannerViewDelegate.h>
ImobileSdkAds.frameworkとlibAdapterIMobile.aをプロジェクトに組み込むAdd Files to "プロジェクト名"から追加したらDestinaion : Copy items if neededを聞かれずにエラーになったので、ドラッグアンドドロップで追加した
ワーニングがでる
App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app's Info.plist file.のメッセージがでた- ここには、SDK2.0.13以降はATSの設定は不要となっているが、メディエーションの場合必要なのだろうか、設定をしたらワーニングが消えた
