Web連載『マンガでわかるUnity』に登場する、もんりぃ先生がMicrosoft MVPを受賞しました！
もんりぃ先生のMicrosoft MVPページはこちら！ Tetsuya Mori | Microsoft MVP
もんりぃ先生は、UnityのコミュニティGotanda.unityの運営や、SchooでのUnity講師、Unityハンズオンの開催など、数々の活動をなさっています。
ｷﾀ━━━(ﾟ∀ﾟ)━━━!!!!
— もんりぃ先生👨🏫マンガでわかるUnity連載中！ (@monry) November 1, 2018
本当に心の底から嬉しいです！！！
これからも精進して参ります！💪 pic.twitter.com/gd3WSLiy6o
今後の『マンガでわかるUnity』もお楽しみに！
前回のあらすじ
世界を創って、いざビルド！………しかし、相変わらず殆ど何も映っていません。どうしてでしょうか？
Camera について学ぶ前に、Unity Editor のレイアウトをちょっと変えておこうか。
レイアウトを変えることなんてできるんですか！？
Unity Editor はタブの位置や大きさを変えるコトができるんだ！
………でも、なんでそんなことを？
これから、「ゲーム画面での見た目」を確認しながら「編集画面で操作」をしていきたいから、Game View と Scene View を一度に見られる状態にしておきたいんだ。
なるほど！やってみます！
前回のゲームは「Camera が近すぎる」「Camera の角度が良くない」などの理由によって、本来見たかった「創った世界」を見るコトができていない状態だったんだ。
Camera とは、Unity で創った世界を現実世界に投影するための カメラ です。
もう少し正確な言い方をすると、Camera は設定に応じて投影可能な範囲に存在する GameObject を描画する機能です。
この Camera が1つ以上存在することではじめてゲームの世界がスクリーンに投影され、Camera に何を描画させるのか？を考えることがゲームデベロッパーの仕事の一つと言えます。
ここでは詳しく触れませんが、複数の Camera を配置し、それぞれの Camera が描画する映像を重ねたり、ワイプのような表現にしたりすることも可能です。
なお、有効な Camera が一つも存在しない場合、真っ暗な画面が描画される仕様になっています。
Camera の投影方法には大きく分けて「透視投影」と「平行投影」の2種類があります。
遠近感を持った投影方法です。
遠くにある GameObject ほど小さく、近くにある GameObject ほど大きく描画されます。
Camera の視野角は Field of View というパラメータに Camera の視野となる角度を入力することで調整します。
四角錐型の Gizmo により、視野範囲が提示されます。
遠近感を持たない投影方法です。
距離に応じた拡縮が掛からないので、2D ゲームや UI を開発する際に用いられることが多いです。
Camera の大きさは Size というパラメータに設定したい Camera の高さの半分の値を入力することで調整します。
直方体型の Gizmo により、視野範囲が提示されます。
じゃあ、だいたいこのくらいの距離から、この角度で映そうかな…！
うんうん。良い感じだね。
じゃあビルドしてみよう！
おーーー！創った世界がちゃんと映し出されてます！！
ゲームが2Dであっても3Dであっても、「Camera に何をどうやって描画させるのか？」を意識して開発することがとっても大切なんだ。
んー…、でもちょっと味気ないですね…。
それに、やっぱりゲームとは呼べない気がするんですが…。
うん、そうだね。Unity 標準の機能で、ある程度影が付いたり天球が表示されていたりはするけど、まだまだゲームとは呼べない代物だよね。
じゃあ、次は「世界に彩り」を加えつつ、「GameObject と Component と Asset の関係」についても学んでいこう！
おおっ！何やら難しい話になってきそうだぞ…？ついていけるかなぁ…？
前回のあらすじ
もんりぃ先生の指示に従って Unity Editor を操作したところ、何もないゲーム（？）ができあがっただけでしたが……？
Unity でゲームの世界を創る行程のことをレベルデザイン*1と呼んだりしますが、このレベルを作る際には Scene View （シーンビュー）を用いて作業を行います。
Unity ではレベルのことを Scene と呼び、この Scene 上に「何か」を配置していくことで、ゲームの世界を構成していくことになります。
Scene に「何か」を配置するには大まかに以下の2つの方法*2があります。
Create Empty 以降のメニューから追加このいずれかの操作によって追加される「様々な振る舞いを持った何か」のことを GameObject （ゲームオブジェクト）と呼び、GameObject は Unity を構成する概念の中でとても重要な要素の一つとなります。
Unity のメニューから追加出来る GameObject は「何も表示されない空っぽ（Empty）の GameObject」や「立方体（Cube）や球体（Sphere）を初めとする基本的な立体を表示する GameObject」など、とてもシンプルな GameObject ばかりですが、これらを用いてゲームを開発することも可能になっています。
こんな風にマウスやトラックパッドを利用しながら GameObject の位置や回転や拡縮を操作して、世界を創っていくんだ。
なかなか目が回る作業ですね…。
確かに初めは慣れないかもしれないれど、色々と触っているうちに直ぐに馴染むと思うよ！
わわっ！ちょっと大きめに操作したら画面がワケわからないことになってしまいました…！！！
大丈夫！慌てないで。視点を元に戻す方法を教えてあげるね！
これは、今後も使う操作になると思うから、よく覚えておいてね。
は、はいっ！
Scene View には、GameObject の Position （位置）・Rotation （回転）・Scale （拡縮）を操作するためのツールがあります。*3
更にキーボードの Ctrl / command キーや Alt / option キーや右クリックなどと組み合わせて操作することで視点の変更もできます。
GameObject の中心に表示される Handle Gizmo （ハンドルギズモ）や、Scene View 右上に表示されている Scene Gizmo （シーンギズモ）には、赤・青・緑の矢印や線が表示されており、「これらは三次元空間上における軸や平面」を表しています。
詳細に理解しようと思うと、ある程度の数学知識が必要になりますが、最低限「X軸が横、Y軸が縦、Z軸が前後」と覚えておくと良いでしょう。
なお、各軸ごとに「X軸は右、Y軸は上、Z軸は奥」が正の値となります。*4
よーし！じゃあ、ここまでの成果を確認するために、ビルドしてみよう！
やり方は覚えているかな？
はい！もちろんです！
File > Build & Run っと…！
あ、あれ！？何も映ってない？？
私、積み木と壁をたしかに作ったはずなのに……
うんうん。厳密には、横に引き延ばした Cube の一部だけは表示されているけど、配置した GameObject の殆どが見えていない状態のようだね。
えーっ、なんでですか！？
これには、Camera が深く関わっているんだ。次は Camera について学んでみよう！
Camera…？
（写真でも撮りたいのかなぁ…？）
前回のあらすじ 間違って、隣のゼミに迷い込んでしまったわかばちゃん。もんりぃ先生に押されてゲームを作ってみることになったようですが……？
インストールについては第0話で解説しています。 unity-manga.hatenablog.com
おー！なんか難しそうな画面が起動しましたね！
色々なタブがあって混乱しそうになるけど、まずはボクの指示に従って操作してみてね。
はーい！
上の動画のとおり、Unity のプロジェクトは、Unity Editor を起動して、幾つかの設定項目を入力するだけで作成が完了します。
プロジェクトが作成されると、作成時に Location 欄に設定したディレクトリに、Project name 欄に設定したディレクトリが作成されます。
開いてみると、次のようなディレクトリ・ファイルが生成されたのが確認できます。
おおっ、本当だ。 なんかたくさんファイルができてる！
それぞれどんな役割を持っているか、ざっと説明するね。
Assets/
Assets/Scenes/
Assets/Scenes/SampleScene.unity
.unityLibrary/
Packages/
Packages/manifest.json
ProjectSettings/
ProjectSettings/ProjectVersion.txt
m_EditorVersion: 2018.2.1f1 といった文字列が記述されているProjectSettings/*.asset
Temp/
これらのディレクトリ・ファイル群を総称して「Unity プロジェクト」と呼ぶよ。
このひとかたまりで、ひとつのゲームが構成されるってことですね。
さぁ！もうこの時点で、わかばちゃんは「ゲームを作れた」ことになるよ！
………え？空と地平しか映っていない画面が起動しましたけど？
そう！これは「空と地平のみを描画するゲーム」だね！
………。
まぁまぁ、そんな顔しないで。
今の作業は「Playerのビルド」といって、ゲームを開発する上でとっても大事な行程なんだよ！
CD プレイヤーが音楽というコンテンツを再生する機能を持ったハードウェアであるのと同様に、Unity がビルドする Player はゲームというコンテンツを再生する機能を持ったソフトウェアなんだ。
例えば macOS や Windows や iOS や Android に代表されるオペレーションシステムは、それ自体がゲームを再生する機能は持っておらず、「画面に画像などを描画する機能」であったり「スピーカーやイヤフォンから音声を出力する機能」や「キャリア通信網や Wi-Fi を通じてインターネット通信を行う機能」などを提供しているだけに過ぎません。
Nintendo Switch や PlayStation 4 などのコンシューマー機と呼ばれるゲーム機であっても基本的な考え方は同じで、よりゲームとしての体験を提供することに特化したハードウェアやオペレーションシステムが組み込まれているのです。
これらの基本的な機能を利用してゲームとしての体験を提供するためのソフトウェアこそが Unity がビルドする Player であり、デベロッパーが開発すべき成果物と言えるわけです。
New ボタンをクリックCreate project ボタンをクリックFile > Build And Run を選択
ふむふむ。「ビルド」について、理解できました！
ところで、これ全然「ゲーム」じゃないんですけど……。しかも、私ほとんど何もしてませんよ！？
それもそうだね（笑）
じゃあ、次は「ゲームの世界を作る」ことをやってみよう！
ゲームの世界を作る……？
（私が創造主になるということですね……！ごくり）
更新を受け取るには読者登録しておくと便利だよ！
ご要望の多かった「マンガでわかるDocker」描きました！ ダウンロード販売中です。 note.mu 技術書典5に当選しましたら続編の「マンガでわかるDocker②」の制作も予定しています。
個人ブログから始めたシリーズが、リクナビNEXTジャーナルさんでWeb連載。
こちらからお読みいただけます：マンガでわかるGitの記事一覧 | リクナビNEXTジャーナル
2017年4月にわかばちゃんと学ぶGit使い方入門として書籍化されました。
webdesign-manga.com
togetter.com
Scrapboxにて、Scrapboxの便利な使い方がわかるマンガをWeb連載中です。現在1〜6話まで無料公開されています。（2018/7/13時点）
KOBITブログにて、アクセス解析ツール「Googleアナリティクス」「Googleタグマネージャ」のマンガをWeb連載中です。現在1〜5話まで無料公開されています。（2018/7/13時点）
マンガでわかるWebデザイン・マンガでわかるGit・マンガでわかるGoogleアナリティクスは書籍化しました。全国の書店・Amazonで発売中です。
*1:2回目以降この操作は不要です。
Unity は誰でも無料でインストールできます。
まずはこちらのUnity公式ページからインストーラをダウンロードしましょう。
続いて、インストールを行います。
インストールはインストーラの指示に従って進むだけですが、インストールするコンポーネントは配信予定のプラットフォームに応じて選択しましょう。
はじめて Unity を起動する際に、幾つかの設定などを行う必要があります。
以下の手順に沿って手続きを進めます。
これで、Unity を使ったゲーム開発を開始する準備ができました！
更新を受け取るには読者登録しておくと便利だよ！
*1:動画は macOS で撮影を行いました。Windows の場合はところどころ異なると思いますがご容赦ください。
*2:ゲームに限定せず、組織の総売上が対象
*3:なお、以前は Standard Assets を追加選択できましたが、最新版では Unity Package Manager からのインストールに切り替わったようです。また、Example Projects も追加選択できましたが、こちらはプロジェクト作成ウィザードの Learn > Turotial Projects などに代替されたようです。
*4:スクリプトなどを記述・デバッグするための統合開発環境のこと。
*5:筆者のもんりぃ先生は Unity Editor 本体の他に iOS/Android/tvOS/WebGL をインストールしており、約7.5GBのディスクスペースを消費しています。
Webデザイナーを目指す普通の大学生、わかばちゃん。今日が提出期限のレポートがあるようですが……！？
Unity *1 とは、米国カリフォルニア州サンフランシスコに本社を置く Unity Technologies 社が開発しているゲームエンジンです。
2005年に WWDC: Worldwide Developer Conference *2 でバージョン 1.0 が発表されて以来、幾度となくバージョンアップが重ねられ、2018年7月時点で 2018.2 が最新バージョンとしてリリースされています。
▼これがUnityの操作画面だ
Unity で作られたゲームにはどのようなものがあるのでしょうか。 一例を挙げてみます。
これらのゲームは iOS / Android 向けにリリースされているものですが、PlayStation 4 や Wii U、Xbox One、Nintendo Switch といったコンソールゲーム機向けにリリースされているタイトルもいくつか存在しており、さらに Steam などの PC ゲーム配信プラットフォーム向けにリリースされているタイトルも多数存在しています。
私が知ってるゲームもいっぱいある！Unityを使いこなすとこんな本格的なゲームが作れるんですね。
最近はその有用性から、ゲーム以外にも様々な産業分野で使われはじめているんだよ！
へぇー！ Unityの活用範囲ってゲームだけじゃないんだ。可能性が広がりますね。
Unityが登場する以前は、個人が「ゲームを作りたい」と思っても、次のような機能をイチから作るところから始めなければなりませんでした。
Unityは、これらの機能をはじめからフルセットで用意してくれているのです。
『ゲームエンジン』を一言で表すと、これらのコンピュータゲームを作るための前提となる仕組みを提供する統合開発環境と言えるね。
もちろん、Unity が世に出るずっと前からコンピュータゲームは存在しており、これらは各ゲーム会社が自社開発したゲームエンジンを使って開発されていました。
さて、各ゲーム会社により自社開発されたゲームエンジンは、基本的にはその会社に属していない限り利用できません。
これは、一般のゲームクリエイターがゲーム開発を行うにあたって、とても高いハードルになっていました。
そんな中登場した Unity は「ゲーム開発の民主化: Democratize Game Development」という哲学を掲げており、Unity Technologies の CEO である David Helgason 氏の講演などでも度々このフレーズを耳にすることができます。 彼らは Unity をゲーム開発を志す誰もが使えるゲームエンジンと位置づけています。
Unity は、この哲学に沿って、ゲームクリエイターが高度な技術を学習せずともゲーム開発を行えるような機能を続々とリリースし続けています。
また、ゲーム開発・運営を行う上で欠かせない周辺環境の整備という面からもゲームクリエイターを支えてくれています。 一例を挙げると次のようなものがあります。
さらに、Unity には AssetStore（アセットストア） という仕組みがあり、この仕組みがゲーム開発の大きな助けとなっています。 AssetStore とは、一般の Unity ユーザが作成した 3D モデル・2D 画像・BGM・効果音・ビジュアルエフェクト・スクリプトライブラリ・開発ツール といった様々な Asset が入手可能なコンテンツマーケットです。 Asset の作成者のことを Asset パブリッシャーと呼び、各 Asset は無償のものもあれば、高いものでは $750- もするものまで、様々な価格が Asset パブリッシャーによって設定されています。 ゲームクリエイターは、AssetStore を使って Asset を入手することで、自身が得意としていない領域の補完をしながらゲーム開発に集中することができるのです。
▼Unity公式キャラクター「Unityちゃん」
Unityちゃんライセンスの元、3Dモデル、ちびキャラ、2Dイラスト、ライブステージ、ボイスなどのゲーム制作に使えるデータが配布されています。
では実際に Unity を使うとどのようなことができるようになるのでしょうか。
Unity には数多くのゲーム開発・運営のための機能が備わっていますが、重要な機能は次の2点に集約されます。
それぞれについて深掘りしていきましょう。
まず、1. の Editor についてですが、これはインストール後に起動するアプリケーション *5 そのもののことを指します。
その名の通り、ゲームを Edit するためのアプリケーションで、Editor が提供する様々な機能を駆使してゲームの世界を作り上げるために存在しています。
Editor によって内部的に Unity が扱いやすいデータ形式に変換された素材を、後述の Scene View などでグラフィカルに配置・編集していきます。 なお、この素材のことを Unity の世界では Asset （アセット）と呼びます。
次に 2. のビルドプログラムについてです。
Unity では Unity 2018.1 の時点で以下のゲームプラットフォームへの出力をサポートしています。
非常に多くのプラットフォームをサポートしています。 スクリーンが付いているデバイスすべてをサポートしているのではないかと思えるほどです。
Editor で組み合わせられた Asset 群によって構成されたゲームを、これらプラットフォームが指定するフォーマットに変換してプレイできるようにすることをビルドするといいます。
このビルド先のプラットフォームが非常に多いことや、新しいゲームプラットフォームが発売された際のサポートの早さなどが、Unity の人気が高い理由の一つに挙げられます。
Unity はゲーム開発・運営のための統合開発環境ですが、できないことが幾つかあります。
Unity にはベクターグラフィックやピクセルグラフィックを描くための機能は備わっていないため、Adobe Illustrator や Adobe Photoshop、GIMP などに代表されるグラフィック作成用アプリケーションを用いて作成された画像ファイルを Texture Asset として取り込む必要があります。
同様に音声ファイルをオーサリングする機能も備わっていないため、Steinberg Cubase や Audacity などに代表される DAW: Digital Audio Workstation アプリケーションを用いて作成された音声ファイルを AudioClip Asset として取り込む必要があります。
3D モデルは Autodesk MAYA や Autodesk 3ds Max、Blender などに代表される DCC *6 アプリケーションを用いて作成された FBX *7 などを Model Asset として取り込む必要があります。
そして、意外に思うかもしれませんが、Unity 自身にはスクリプトやシェーダを書く機能も備わっていません。 Unity 2018.2 時点では C# でコードを記述可能 *8 になっており、Visual Studio や JetBrains Rider などの IDE *9 や Visual Studio Code や Atom や秀丸エディタやメモ帳など、テキストを記述可能なあらゆるアプリケーションで書かれたコードがコンパイルされ Script Asset として取り込まれます。 なお、Unity 2018.1 において Windows 版は Visual Studio 2017 Community が、macOS 版は Visual Studio for Mac が、それぞれ無償で追加インストール可能になっています。*10
更に、ビルドにより生成された成果物を AppStore や Google Play などに直接アップロードすることもできません。 また、プラットフォームによっては別のアプリケーションを用いてビルド成果物を再変換 *11 する必要がある場合もあります。
Unity がゲーム作りのための基本機能を提供してくれるおかげで、ゲームクリエイターは以下のようなゲーム作りの本質に集中できるようになるのです！
あの〜、Unityが何かはもうわかったので、早くゲームを作ってみたいんですけどぉ……
おおっ、いいねぇ！ 僕もそう思っていたところだよ。じゃあ次から早速ゲームを作ってみよう！
ええっ！？ いきなりですね！？
じゃあ、まずはここからUnityをインストールしておいてくれるかな。
更新を受け取るには読者登録しておくと便利だよ！
ご要望の多かった「マンガでわかるDocker」描きました！ ダウンロード販売中です。 note.mu 技術書典5に当選しましたら続編の「マンガでわかるDocker②」の制作も予定しています。
個人ブログから始めたシリーズが、リクナビNEXTジャーナルさんでWeb連載。
こちらからお読みいただけます：マンガでわかるGitの記事一覧 | リクナビNEXTジャーナル
2017年4月にわかばちゃんと学ぶGit使い方入門として書籍化されました。
webdesign-manga.com
togetter.com
Scrapboxにて、Scrapboxの便利な使い方がわかるマンガをWeb連載中です。現在1〜6話まで無料公開されています。（2018/7/13時点）
KOBITブログにて、アクセス解析ツール「Googleアナリティクス」「Googleタグマネージャ」のマンガをWeb連載中です。現在1〜5話まで無料公開されています。（2018/7/13時点）
マンガでわかるWebデザイン・マンガでわかるGit・マンガでわかるGoogleアナリティクスは書籍化しました。全国の書店・Amazonで発売中です。
*1:かつては Unity3D と呼ばれていたこともありましたが、現在は Unity が正式名称となります。
*2:Apple, Inc. が毎年開催している開発者向けのカンファレンスイベント
*3:人物や物体の立体構造を表現するためのデータ構造のこと。
*4:描画を司る GPU: Graphic Processing Unit に対して「どのように描画をするのか？」を指示するためのプログラムのこと。
*5:Windows であれば Unity.exe / macOS であれば Unity.app
*6:Digital Content Creation: 3D モデル制御やアニメーション作成を行うためのアプリケーションのこと。
*7:3D モデルを取り扱う DCC アプリケーション間でデータをやり取りする際に用いられる汎用フォーマットのこと。Filmbox の略。
*8:Unity 2018.1 までは UnityScript という JavaScript に似た言語が利用可能でした。また、Unity 5.0 より前は Boo という Python ライクな言語も利用可能でしたがいずれもサポートが打ち切られています。
*9:Integrated Development Environment: プログラムの記述やデバッグなどを行うための統合開発環境のこと。
*10:Unity 2017.1 までは MonoDevelop-Unity という IDE が同梱されていましたが、最新の言語仕様への追従が難しくなったなどの理由により Unity 2018.1 より同梱されなくなり、macOS 版では後継 IDE である Visual Studio for Mac が選択可能になりました。
*11:例えば iOS は Xcode を用いてビルド・アーカイブをしないと AppStore に公開するためのパッケージが作成できません。
このブログでは、マンガ + 実戦で楽しくゲーム制作がわかる「マンガでわかるUnity」をWeb連載してまいります！
ただいま鋭意制作中。
第1話更新をお待ちください！
ご要望の多かった「マンガでわかるDocker」描きました！ ダウンロード販売中です。 note.mu 技術書典5に当選しましたら続編の「マンガでわかるDocker②」の制作も予定しています。
マンガでわかるWebデザイン・マンガでわかるGit・マンガでわかるGoogleアナリティクスは書籍化しました。全国の書店・Amazonで発売中です。
