android studioでつくるアプリゲーム開発〜環境構築編

#はじめに


こんにちは！株式会社エイアイフィールドのヒロセです。
この記事ではandroidアプリ開発環境と仮想デバイス構築のざっくりとした手順の説明を行います。次回以降の記事ではゲーム開発のコーディングなども書いていきたいと思っています。
今回導入していくツールはandroid studioです。

__この記事の対象となる人__
・androidアプリを作ってみたい人

__使用環境__
mac os catalina　10.15.7

#環境構築編

Androidアプリの開発に必要な環境を構築していきます。
android studioをダウンロードします。
以下のURLから行ってください。
URL:https://developer.android.com/studio?hl=ja

<img width="400" alt="as_1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/3c0ff096-dbd7-e5f5-9f49-21f0cf989609.png">


PCにandroid studioがインストールされていなければ以下の画像が出てくるはずです。

<img width="400" alt="as_2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/2b3093a6-7bf3-14b5-71e1-ba19e86b3476.png">

nextを選択してダウンロードを終えると以下のような表示になります。

<img width="500" alt="as_3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/8709ef6f-9bd4-2c20-dec2-b224f794c3e1.png">

ダウンロードが完了し「android SDK is up to date」と表示されました。
画面を戻しandroid studioを起動してみます。

<img width="500" alt="as_4.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/a0100d00-7bbd-1aac-23c5-fc19ae04ecf6.png">


プロジェクトの選択画面が出てきました！ここまでくれば開発までもう一息です。
new projectを押してプロジェクト内容の設定画面に移ります。
<img width="500" alt="as_5.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/290e0609-0d26-0b8e-a4bb-7fb53fb32389.png">

Name：プロジェクト名
package name：公開時のプロジェクト名(公開前なら変更できます。)
save location：プロジェクトのローカル保存パス
minimum sdk：最低動作を保証するandroidバージョン

今回はjavaで開発を行うのでlanguageにはjavaを選択します。

<img width="500" alt="as_6.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/6313ed1c-86f9-5814-ce02-eead9597ced4.png">


次の画面ではプロジェクトの基本テーマの選択ができます。
今回はあまり画面の縛りを設けず「Empty Activity」を選択していきます。


これで基本の開発環境は整いました！
続いて作成したアプリを動かすための仮想環境を用意します。

#仮想環境用意編

早速コーディングといきたいところですが、その前にandroidのエミュレーター(AVD:Android Virtual Device)を用意してPC内でandroidデバイスを動かせるようにします。

android studio上部のAVD Managerを開いてください。
以下のデバイス設定画面が出てきます。
<img width="500" alt="avd_2.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/8125daba-1c6b-e0cf-e788-4c99d32b04e7.png">

OSを動かすデバイスサイズを選択しますが今回は比較的メジャーであろうpixel5にしました。

続いてAPIレベルを選びます。
<img width="500" alt="avd_1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/fe1b3378-5b29-5695-8601-c3751edfa8a8.png">

使用するAPIlevelにはプロジェクトで対象としたminimum SDK バージョン以降を選ぶ必要があります。今回はAPIレベルを30に設定しました。

次に詳細なデバイス設定をします。
<img width="500" alt="avd_3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/71af6f4c-d572-d62c-c5bb-7004d788e88c.png">

作成する仮想デバイスの名前を「AVD Name」に入れてください。
なんでもよいので、今回はデフォルト値にしています。
<img width="500" alt="avd_4.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/730d44f7-d996-55c5-87d3-66a2e812427f.png">

これで一通り設定が完了しました。
作成した仮想デバイスの一覧画面が出てくるので、
列を選択して右側の再生ボタンを押すとandroid仮想デバイスが起動します。

<img width="300" alt="avd_5.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/e0b09df2-ec97-dfe6-9bdd-2efebed5c72c.png">

じゃーん！
起動してみるとこんな感じで実行画面が確認できるようになるわけです。
ちなみにしっかりandroidなのでPC画面からスマホ版のyahooニュースなんかが見られたりします。面白いのでみなさんも是非試して見てくださいね。
ここまできてようやくゲーム開発ができるようになります。

#ゲーム開発（次回予告）
記事が長くなってしまったため今回はここまでとしますが、次回以降の記事では実際にゲームを動かしていきたいと思います。

作ったのは画面上の犬にお手をさせる、名付けて「犬のお手ゲーム」です。
ルールは以下に設定します。
・犬は機嫌のよい時にお手をする。
・犬は空腹になると寝る
・機嫌の悪い時と寝ている時はお手を無視する。
・おやつのジャーキーがあれば機嫌が悪くても寝ていてもお手をする。
・ジャーキーを与えると空腹が回復する。

このルールで実際に作ったゲームがこちらです。
（gifなのでゆ〜っくりですが動きます。）

![inuS.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/30f68230-2337-6708-5854-3d4cf48a230f.gif)
![inuGl.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2396713/cf3142e9-dcfe-30eb-2637-a16fee6332db.gif)



※画面は開発途中のものです。
次回以降詳しく説明していくので楽しみにしていただけたらと思います。


#まとめ
いかがでしたでしょうか。
今回は開発環境の用意だけでしたが、
PC内でandroidが起動するだけでもテンションが上がりますよね？
是非これを機にアプリ開発の一歩を踏み出していただければ嬉しいです。
それではよいお年を！