0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Unity2021の2D Mobile[初期設定]

Last updated at Posted at 2022-08-13

はじめに

 スマホのゲーム開発を始めようと思い至ったのは夏休みが暇すぎたからです。
 幸い僕にはあまりある時間と大量のプログラミングの経験とコンピュータに関する知識がありました。一日で簡単なゲームくらいは作れるだろうと思い適当なサイトを参照しながら開発を進めようとしたところ、参照しているサイトより進んだUnityのバージョンが存在していることに気が付きました。それがUnity2021です。正確にはUnity2021.3.8f1です。
 まぁ大丈夫だろうと最新の安定バージョンらしいそれをインストールして進めていたのですが、どうにも文字化けがあったり、エラーが起きたりで進められない。こうして僕の簡単な目論見をした一日は消費されていきました。
 この記事を書いているのは、その次の日です。
 この記事では僕が忘れてもいいように、Unityの2021において行うべきだと判断した初期設定の数々を書いていきたいと思います。

Unity Hub

 Unityをインストールするため、あるいはバージョン管理をするためのソフトです。Unityを扱うにはこれを入れるのが最も賢いらしく、僕もそれには同じ意見ですね。

Unity Hubのダウンロード

 次のサイトの右の緑ボタンからインストールしました。
 適当にぽちぽちしていればUnity Hubはダウンロードできます。

image.png

Unity Hub

Unity Hubの日本語化

 正直必要かは悩むところですが、英語が苦手なら設定しとくに越したことはないかもしれません。

image.png

 左上にある歯車マークをクリック。

image.png

 Appearanceをクリック。

image.png

 Languageをクリックして日本語に変更。
 閉じれば次のようになっているはず。

image.png

Editer のインストール

 今回はmobileの開発を想定しているのでそれ用の設定をしましょう。
 インストールタブから次の画面に行ったら、エディターをインストールをクリック。

image.png

 2021バージョンをインストールします。

image.png

 そうするとVisual Studioにだけチェックの入ったモジュール一覧が表示されます。
 僕の場合、プログラムの編集はatomでやりたいのでVisual Studioなんていらねぇ!とおもむろにチェックを外し、Android Build Support と iOS Build Supportにチェックを入れて、その次に一覧の一番下にある言語パック日本語にもチェックを入れます。
 ドキュメントは…まぁうんまぁいいやろ(適当)。

image.png

image.png

 インストール。
 何も表示されなければ成功、なのかな?
 この記事を書くために一回アンインストールしてからインストールしなおしているので、キャッシュなどで何も出なかった可能性はありますが…。
 ま、インストールが完了したらそれで良しです。

プロジェクトの作成

 プロジェクトタブより右上の新しいプロジェクトをクリック。

image.png

 一度プロジェクトを作成したことがあるため目的の2D Mobileがすでにインストールされていますが、ここでは3D Mobileを例にします。

image.png

 初期状態であればこの下に2D Mobileが非アクティブのような状態で配置されます。

image.png

 自分が欲しいテンプレートをダウンロードしてください。
 ダウンロードが完了すれば右下のプロジェクトの作成がアクティブになるのでクリック。
 プロジェクトの作成にはしばらくかかると思います。

Unity2021

image.png

 僕の場合はこのような画面が最初に表示されます。

画面構成

 ただ、もう少し見やすい表示にしたいので右上のDefaultをクリック、表示された2 by 3をクリックすると画面は次のような構成に変わる。

image.png

 初期構成よりこの構成の方が好きなので、2 by 3で進めさせていただきます。

日本語化

 モジュールインストールで日本語パックを選択していればこれが出来るようです。
 左上にあるEditのPreferences...をクリック。

image.png

 LanguesのEnglishをクリックして、日本語を選択すると日本語化される。
 ただし、インスペクターなどは一度再起動させないと日本語化されないみたい。
 なのでLanguesの変更をすれば一度、Unityを閉じてプロジェクトを開きなおすのを推奨する。

image.png

 *ここは追加した部分なので、この記事では英語で進めていることに注意してほしい。

Platform の変更

 ゲーム画面をスマホ型に変更するために左上のFileからBuild Settings...をクリック。

image.png

 Platformの一覧をAndroidに変更。

image.png

 もしEditor のインストールでAndroid Build Supportを選択していなければ、ここでもインストールすることが可能です。iOSも同様。
 ただ僕は詳しく調べてないのですが、その方法でBuild SupportをインストールすればSwitch Platformをクリックした後のBuildボタンが非アクティブのままになりました。

 右下のSwitch Platformmをクリック。
 完了したらウィンドウを閉じても大丈夫です。

画面サイズ

 スマホの縦画面アプリを作りたかったのに対して今のゲーム画面では対応したアプリが作れません。そのため画面をスマホの縦画面みたいにします。
 2 by 3なら左下に、初期構成ならSceneタブの隣にあるタブにあるGameタブ、その下にあるFree Aspectからアスペクト比を1920×1080に変更します。

image.png

 なお、これは余談だが、portraitは縦、landspaceは横という意味があるのと同時に、portraitには肖像画、landspaceには風景という意味もある。これは恐らく画用紙の用途に由来した言い方なのだと思われる。

TMP(Text Mesh Pro)

 Hierarchyを右クリックし、UIから適当にTextとかButtonとかを配置すると出てくる。

image.png

 とりあえずImport TMP EssentialsしてImport TMP Examples & Extrasしましょう。

image.png

 するとTextかButtonの中に文字が現れたと思います。
 よっしこれで日本語を入力してみんぜ、とはいきません。

image.png

 Textオブジェクトに「新しいテキスト」
 Buttonオブジェクトには「Buボタン」と入力しましたが
 日本語部分が文字化けしていますね。
 日本語パックで言語自体を日本語に変えていれば表示できないだろうかと試してみたのですが、それは淡い期待だったみたいです。
 おとなしくTMPの日本語化をしていきましょう。

TMP日本語化

 初めに使いたい日本語フォントをダウンロードしてきます。

 例としてGoogle FontsのNoto Sans Japaneseをダウンロードしてきます。

image.png

 Download familyからzipをダウンロード。解凍してフォルダを開いておきましょう。
 使用したいのはこの中のMediumだけ。

image.png

UnityのAssetsフォルダに新しくFontsフォルダを作成(Projectの+ボタンからFolder)し、Mediumをドラッグ&ドロップします。

image.png

 ついでに後で使うので文字のファイルのテキストという良く分からないものをダウンロードして解凍しておきます。解凍したらjapanese_full.txtというAAが隠れてそうなファイルを開いておいてください。

image.png

 左上にあるWindowからTexxtMeshProからFont Asset Creatorをクリック。

image.png

 一番上にあるSource Font Fileに、ドラッグ&ドロップでも右の◎ボタンから検索でもいいので、NotoSansJP-Mediumを選択してください。他の設定は参考(というかモロパクり)させて頂いた記事を参考に48、8192と8192という風に変更します。
 次にCharacter SetをCustom Charactersに変更します。これは必ず行わなくてはいけないようです。すると下にCustom Character Listが現れます。
 そのCustom Character Listに先ほど開いたjapanese_full.txtをCtrl + aですべて選択してコピー&ペーストしてください。
 ここまで同じようにしていれば次のように画面になっているはずです。

image.png

 Generate Font Atlasをクリック。

image.png

 Missing Charactersというのは作成できなかった文字をいうそうで、19個は許容範囲らしいです。許容範囲を超えれば、文字のサイズを変えて調整するようですが、僕にはよくわかりません。
 最後にSaveを忘れずにクリック。
 AssetsのFontsフォルダへ保存してください。
 そしたらFont Asset Creatorは不要なのでウィンドウを閉じても大丈夫です。
 青いFマークが現れてるはず。

image.png

 Text(TMP)のインスペクターにあるFont AssetをFontsフォルダにあるAtlasファイルをドラッグ&ドロップでも右にある◎ボタンからの検索でもいいのでNotoSansJP-Mediumを選択してください。

image.png

 ちょっと日本語フォントが大きいせいで改行してしまってますが、日本語化は完了です。

image.png

終わりに

 Unityを初めて2日目ということもあって解説出来るほどの知識もありませんが、備忘録という形で記事にさせて頂きました。間違いやこれをこうしたほうが良いなどの改善点がありましたら、この記事内でもTwitterの方でもいいので教えていただけたら幸いです。
 次はプログラミングの仕方でも書こうかな?

Twitter:
https://twitter.com/dog_king_fun

 実はこの記事書くの2回目なんですよね…Qiitaに投稿しようとした瞬間にデータが消えたんですがこういう経験をまともに食らうのは初めてでした。結構こたえるものですねw
 そのせいもあって最後の方はかなり雑になりましたが、まぁ備忘録ですから!

参考

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?