Cocos2d-x

Cocos2d-x アプリ起動画面(スプラッシュ画像)の変更方法について

投稿日:

この記事では、アプリの起動画面(スプラッシュ画像)の変更のやり方について説明します。

 

 

このスプラッシュ画像、どうやって変更するのか結構わかりづらいと思います。私もしばらくやっていないと簡単に忘れてしまいます。

 

 

それでは手順を説明していきます。

 

 

スプラッシュ画像とは

iOSでアプリを起動する際に、最初に表示される画面です。よく開発元のロゴなどが表示されるあれです。

スプラッシュ画像

©Twitter

 

 

スプラッシュ画像とは俗称なのでしょうか。XCodeの言葉を使うと「Launch Image」と呼ぶみたいです。まさに「起動イメージ(起動画面)」ですね。

 

また、スプラッシュ画像が表示されるのはiOSのみであり、Androidでは表示されません。

 

XCode6以降は「LaunchScreen.xib」を使用して楽に画像を用意できるみたいですが、Cocos2d-xでプロジェクトを作成するとLaunchScreen.xibは見つからないので、今までどおりの「App Icon and Launch Images」で行うこととします。

 

今回の環境

XCode:7.3.1

Cocos2d-x:3.9

 

 

スプラッシュ画像変更方法

1.XCodeでプロジェクトをオープンして、「TARGETS->General->App Icons and Launch Images->Launch Images Source」の「Use Asset Catalog」をクリックします。

XCode画像

 

 

2.表示されるダイアログでMigrateをクリックします。

XCode画像

 

 

3.「TARGETS->General->App Icons and Launch Images->Launch Images Source」の横に表示されるようになった「右矢印マーク」をクリックします。

XCode画像

 

 

4.画面右に表示される「iOS 7.0 and Later」の「iPhone Portrait」にチェックを入れます。

XCode画像

 

 

5.LaunchImageウィンドウが開くので、スプラッシュ画像をドラッグアンドドロップします。この時、OSのバージョンなどによって複数の画像のサイズを用意しておく必要があります。

XCode画像

 

 

画像サイズはこちらが参考になります。

iOSアプリを開発するときに必要な画像の仕様をまとめました。* アイコン* スプラッシュ* 各種UIBarについて記載しています。: http://qiita.com/Yuta/items/...

 

 

また、画像サイズを自動で調整してくれるありがたいツールはこちらです。

body { background-color:#f9f9fb; } #gt_...

iOS 用画像生成ツール

※2016年7月時点で「Xcode 6 までと同等の機能のみサポート」とのことですので、ご使用の際はご留意ください。

 

 

 

動作確認

最後に動作確認して作業終了となります。
動作確認画像

 

 

ご覧頂き、ありがとうございました。

 

PrainGoogleAdSense

PrainGoogleAdSense

-Cocos2d-x
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ゲーム制作 Prain プレイン Cocos2d-x

ゲーム制作 Cocos2d-x関連 第17回 「タイトル画面の作成と画面遷移」

  この回ではタイトル画面と画面遷移を実装していきます。画面遷移が実装できれば、リッチなゲームを作りやすくなると思います。       仕様の検討 追加する画面 …

タイムチャート

ゲーム制作 Cocos2d-x関連 第15回 「ダメージエフェクトの演出」

おそらくここが一番大変なところですが、ゲーム完成までもう一歩です!   第12回 「ボールヒットエフェクトの表示」でヒットエフェクトを表示しました。その時とやり方はほぼ同じですが、エフェクト …

新しいファイル

ゲーム制作 Cocos2d-x関連 第8回 「より保守性のあるプログラムを目指して」

  何だこのタイトルは・・・ゲーム制作はどこに行ったの?   結論からいうと、この回ではゲームとしての進展はありません。ただ、後々のプログラムの可読性を上げるために、プログラムを少 …

Cocos2d-x モーダルレイヤーの作り方

この記事ではCocos2d-xによるモーダルレイヤー実装のやり方について説明します。     モーダルレイヤーとは モーダルとは操作が完了するまで親への操作を受け付けなくさせるとい …

SDKBoxを使ってアプリ内課金をするやり方 インストール編

この記事では、アプリ課金のためのSDKBoxインストールのやり方を説明します。   環境 XCode:7.3.1 Cocos2d-x:3.9     SDKBoxについて …