| Xcode 10.1 の iOSアプリ開発でのＤＸライブラリの使い方 |
|
Xcode 10.1 を使用してＤＸライブラリを使った iOSアプリを製作するには以下のような手順を踏みます。 1.ＤＸライブラリを使うために必要なものを揃える 2.プロジェクトの作成 3.ＤＸライブラリを使用するためのプロジェクトの設定を行う 4.プログラムを組む 5.プロジェクトのビルド、実行 1.ＤＸライブラリを使うために必要なものを揃える Xcode 10.1 でＤＸライブラリを使用して iOSアプリを製作するには以下のものが必要です。 ・Mac PC ・Xcode 10.1 ・ＤＸライブラリ iOS版 まず iOSアプリを開発するには Mac( Macintosh )パソコン が必要です。WindowsPC では iOSアプリの開発はできませんので、 iOSアプリを開発されたい方で Mac をお持ちでない方はまずは Mac を入手してください。( 比較的安価な Mac mini でも大丈夫です ) 二つ目の Xcode 10.1 は、プログラムをコンパイルして実行可能な iOSアプリを作成する為のメインとなるソフトです。 こちらは Mac App Store で無償でインストールすることができますので、App Storeアプリからインストールしてください。 三つ目の ＤＸライブラリ iOS版は本サイトのこちらのページからダウンロードすることができます。 これがないとＤＸライブラリを使うことができませんので、まだダウンロードされていない方は 『ＤＸライブラリ iOS版』をダウンロードしておいてください。 2.プロジェクトの作成 iOSアプリを開発するためのソフトの準備ができましたので、早速一つ簡単な iOSアプリを作ってみましょう。 ここでは『画面の中心に四角形を表示する』という動作をするアプリを作る手順を記したいと思います。 Xcode 10.1 で iOSアプリを作るにはまず『プロジェクト』を作成する必要があるので以下にその方法を記します。 ① Xcode のメニューの『File』→『New』→『Project...』を選んで 『Choose a template for your new project』ダイアログを表示します。 ② ダイアログ上部のタブの『iOS』を選びます。 ③ ダイアログの中の『Single View App』を選択して『Next』ボタンを押します。 ④ 次に『Product Name』にアプリ名を入力します。ここでは仮に『test』とします。 そして『Language:』の項目を『Objective-C』に設定して、『Use Core Data』『Include Unit Tests』 『Include UI Tests』のチェックを外してから『Next』ボタンを押します。 ⑤ 次にプロジェクトファイルを保存するフォルダを選択して、選択が終わったら 『Create Git repository on my Mac』のチェックを外してから『Create』ボタンを押します。 これでプロジェクトの作成は完了です。 3.ＤＸライブラリを使用するためのプロジェクトの設定を行う 早速プログラムを組みたいところですが、作成したプロジェクトでＤＸライブラリを使用するための設定をする必要があります。 ちょっと操作の数が多くてうんざりしますが、プロジェクト一つにつき一回だけなので、根気よく手順を追ってください。 ① まず Xcode の左側に表示されているプロジェクトのファイルの一覧から 『AppDelegate.h』『AppDelegate.m』『ViewController.h』『ViewController.m』『main.m』 を右クリックして『Delete』します。 削除( Move to Trash )するのかプロジェクトから外す( Remove References )だけなのかを訊かれますので、 削除( Move to Trash )を選択します。 ② 次に、同じく Xcode の左側に表示されているプロジェクトのファイルの一番上のファイル ( 『Product Name』で入力した名前のファイル )をクリックして、プロジェクトの設定を表示します。 ③ 次に Xcode の右側に表示されたプロジェクトの設定から『Build Settings』を選択します。 ④ 次に Build Settings の設定項目の中から『Search Paths』の中の『Header Search Paths』と『Library Search Paths』に パッケージ内に入っている『プロジェクトに追加すべきファイル_iOS用』フォルダのパスを追加します。 ⑤ 次に同じく『Build Settings』の『Linking』の中の『Other Linker Flags』に以下の内容を入力します。 -lDxLib_iOS -lDxUseCLib_iOS -lpng_iOS -lzlib_iOS -ljpeg_iOS -lbullet_iOS -logg_iOS -lvorbis_iOS -ltheora_iOS -ltiff_iOS -lopus_iOS ⑥ 次にタブを『Build Phases』に変更して、『Link Binary With Libraries』の横にある右向きの三角形を押します。 すると『+』と表示されている箇所が現れますので、そこをクリックしてフレームワークを追加するダイアログを表示します。 ⑦ プロジェクトに追加できるフレームワークがずらりと表示されますので、そこから以下のフレームワークを選択してから『Add』を押します。 AudioToolbox.framework CoreGraphics.framework CoreMotion.framework CoreText.framework Foundation.framework GameController.framework GLKit.framework MessageUI.framework OpenAL.framework OpenGLES.framework QuartzCore.framework UIKit.framework ただ、物凄い数の中から探すのは大変なので、『Choose frameworks and libraries to add』と書かれた箇所の少し下にある『Search』 と書かれた検索用のテキストフィールドを使って一つづつ追加した方が楽です。 ⑧ 次に Xcode の左側に表示されているプロジェクトのファイルの中にある『info.plist』をクリックして、内容を表示します。 ⑨ 表示された『info.plist』の一番上に表示されている『Infomation Property List』にカーソルを合わせると右側に『+』ボタンが表示 されるので、それをクリックして項目を一つ追加します。 ⑩ すると次に追加する項目の名称を入力する状態になりますので、そこで『View controller-based status bar appearance』を入力して returnキーを押して入力を確定します。( 入力を確定した後『View controller-based status bar appearance』の右側に『NO』と表示 されていれば正常に入力が完了しています ) ⑪ 次に Xcode の左側に表示されているプロジェクトのファイルの中にある『Main.storyboard』をクリックして、内容を表示します。 ⑫ 表示された『Main.storyboard』の中の『View Controller Scene』→『View Controller』という項目をクリックして選択状態にした後、 Xcode のメニューから『View』→『Inspectors』→『Show Identity Inspector』を選択します、すると Xcode のウィンドウの右側に 『View Controller』の設定が表示されます。 ⑬ 設定項目の一番上に『Custom Class』と書かれていて、そのすぐ下に『Class』という入力項目がありますので、そこに 書かれている『ViewController』を削除して、代わりに『DxLibViewController』と入力します。 ⑭ 次に、リストから『Dx Lib View Controller Scene( これまで『View Controller Scene』だった項目 )』→ 『DxLibViewController( これまで『View Controller』だった項目 )』→『View』という項目をクリックします。 先程と同じく設定項目の一番上に『Custom Class』と書かれていて、そのすぐ下の『Class』の入力項目は今度は 何も書かれていないか、薄く『UIView』と表示されていますので、これを『DxLibGLView』に変更します。 プロジェクトの設定は以上です、お疲れ様でした。 4.プログラムを組む 長いプロジェクトの設定が終わったので、漸くプログラムを組めます。 ですが、まだプログラムを組むためのファイルがない状態ですので、以下の手順でプログラムのファイルを追加します。 ① Xcode のメニューから『File』→『New』→『File...』を選択します。 ② 追加するファイルの種類を選択するダイアログが表示されたら『C++ File』を選択して『Next』ボタンを押します。 ③ 名前を入力します、ここでは仮に『test.cpp』とします。 そして『Also create a header file』のチェックを外してから『Next』ボタンを押します。 ④ 次にファイルを作成するフォルダを選択するダイアログが表示されるので、 ファイルを保存するフォルダを選択してから『Create』ボタンを押します。 作成された『test.cpp』を選択すると最初から10行程度のプログラムが書かれていますので、まずこれをすべて削除します。 そして何もプログラムに書かれていない状態になった main.cpp に、以下のプログラムを入力します。
プログラムはこれだけです、どの部分が何をしているのか簡単に説明します。 まず最初の１行はＤＸライブラリを使用するために必要なファイル( DxLib.h )をインクルードしています。 次の『int ios_main( void )はＤＸライブラリを使用した iOSアプリのプログラムのスタート地点となる関数の宣言です。 ( 因みにＤＸライブラリを使用しない iOSアプリのスタート地点は main ですが、ＤＸライブラリを使用する場合は ios_main となります… ) 中括弧内の最初の文『if( DxLib_Init() == -1 ){ return -1 ; }』はＤＸライブラリを初期化して使える状態にするために必要な関数『DxLib_Init』を呼んでいます。 この関数はＤＸライブラリを使うプログラムを組む際には例外を除いてまず最初に呼び出す必要があります。 因みに『if(...』と書かれているのは初期化が失敗したらその時点でソフトを終了させるという処理を行うための物です。 『DrawBox』は関数名そのまま四角形を描画するための関数です。 その次の『WaitKey』はキーボードのキーが押されるまで処理を止める関数です。( iOSアプリでもキーボードを接続すればキーボードを使うことができます ) 最後の『DxLib_End() ;』は注釈にも書いてある通りＤＸライブラリの使用を終了する処理を行う関数を呼んでいる文です。 ＤＸライブラリを使用しているプログラムは最後に必ずこの関数を呼ばなくてはなりません。 5.プロジェクトのビルド、実行 プログラムの入力が終わったら実行してみましょう。実行するためには ① Xcode のメニューから『Product』→『Run』 ② するとビルドが始まり、ビルドが成功するとプログラムがシミュレーターで実行されます。 ③ もしアプリが起動して間もなく『DxLib_Init』内でエラーが発生して、画面に 『"(プロジェクト名.app)"からマイクにアクセスしようとしています。[許可しない][OK]』 と表示されたら[許可しない]を選択して、Xcode のメニューの『Product』→『Stop』で 一度プログラムを終了して、再度『Product』→『Run』でプログラムを実行してください。 ( この現象は2019年3月10日現在確認できるのですが、どうやら Mac のバグのようなので、 暫くしたら修正され、この現象は発生しなくなるかもしれません、尚、実機でプログラムを 実行した場合はこの現象は発生しません ) ④ エラーがあった場合は Xcode のウィンドウの左側に一覧で表示されますので、エラー内容を読み取って問題を修正してください。 シミュレーターでのプログラムの実行は時間が掛かるので、数分( 長いと10分以上 )待ってみてください。 …画面の中心に四角形が表示されたでしょうか？ シミュレーターの起動に時間が掛かりすぎると Xcode がエラーとして実行を停止してしまいますが、その場合は シミュレーターの動作が落ち着いてからもう一度『Product』→『Run』でプログラムを実行してみてください。 あと、プログラムを終了する場合は Xcode のメニューから 『Product』→『Stop』を選択します。 これでＤＸライブラリを使っての iOSアプリ開発の方法はわかりました。後は好きにプログラムを組んで ゲームを作るだけです。ですがまだＤＸライブラリの機能は初期化と終了とドットを描画する関数しかわかっていません。 この他の関数は ＤＸライブラリ関数リファレンスのページ で解説されていますのでそちらを参照して下さい。 あと、iOSアプリの開発に関する基礎的な情報や注意点を iOSアプリ開発の基礎的な情報や注意点など で 解説していますので、こちらも併せてご覧ください。 戻る |