２ＤタイルマップＲＰＧ 手順９
最終更新：
orika_ex_miyako 2025年10月02日(木) 09:57:25履歴
プレイヤーキャラの移動に合わせてカメラが追従する制御処理を実装します。
＜実装動画＞
動画ファイルへのリンク
以下の内容で順番に実装を進めていきます。
手順９ ーカメラの追従制御の実装ー
新しい学習内容は、以下の通りです。
１５．Cinemachine アセットを利用して、Player をカメラが追従する機能を実装する
１．設計
Scene ビューにおいて製作したゲーム画面は Main Camera ゲームオブジェクトにアタッチされている Camera コンポーネントを通じて
Game ビューに映されています。そしてこれが実際のゲーム画面になります。
今回は Cinemachine(シネマシン) という機能を利用して、Main Camera ゲームオブジェクト以外にもカメラの役割を持つコンポーネントを使い、
このカメラに映った Scene ビューの内容を Game ビューへと投影する処理を実装します。
Cinemachine の機能を利用すると、プレイヤーキャラを追従するカメラの処理や、カメラの移動する範囲の制御などをノーコードで実装することが可能です。
２．Cinemachine
Cinemachine（シネマシン）は、Unityが無料で提供している、カメラの機能をまとめた Packege になります。
対象を指定することでカメラが自動で追尾したり、複数のカメラをゲーム画面内に配置してそれらの制御する機能などを実装することが可能です。
例えばカメラを２台用意し、移動する際に自動的にカメラを切り替えてみると、下記の動画のようなカメラワークでゲームを進行してくことが出来ます。
カメラが切り替わるときには、前のカメラと次のカメラとは、自動的に補間処理されてスムースにつながります。これも Cinemachine の機能の1つです。
実装動画例
動画ファイルへのリンク
Cinemachine にはバージョンがあり、2.x.y(バージョン 2) と 3.x.y(バージョン 3) では、機能やインスペクターの設定、スクリプトの記述方法などが大きく異なります。
Unity 2022.3 以前のバージョンではバージョン2(Cinemachine 2 シリーズ)が、Unity 6000 以降ではバージョン3(Cinemachine 3 シリーズ)が標準パッケージとして提供されています。
Cinemachine は機能が膨大であるため、この手順では使用する機能についてしか説明をしていません。
詳しくは自分で調べて実装を行ってみましょう。説明を読みながらいじっていると自然に機能が分かってきます。
下記のサイトは Unity 6000 以降でパッケージされている Cinemachine 3 シリーズの解説になります。
参考サイト
３．Cinemachine を Unity にインポートする
Unity 2022.3 以前のバージョンでは Cinemachine パッケージのインポート作業が必要になります。
Unity 6000 以降のバージョンでは標準でインポートされていますので、この手順は不要です。次の手順へ進んでください。
エディター内にある、PackageManager ビューのタブを選択します。
もしもエディター内に PackageManager ビューがない場合には、Unityの左上のメニューから、Window => PackageManager を選択してください。
PackageManagerビュー内の左上の Packages を選択するとプルダウンメニューが表示されますので、この中から Unity Registry を選択します。
読み込みが始まり、PackageManagerビュー内の左側の項目に複数のアセットが表示されますので、この中から Cinemachine を探してクリックください。
Packagesを Unity Registry に変更
＜手順動画 Packagesを Unity Registry に変更＞
https://gyazo.com/f4bbb72494da5975b9677e49c6b767c9
Cinemachineのインポート
Cinemachine 内の右下にある Download ボタンをクリックします。Downloadが終了すると Import ボタンになりますので、そちらもクリックしてください。
Importする内容を選択するウインドウが開きますので、すべての内容の Import を行いますので、そのまま Import ボタンを押してください。
プログレス表示が出て、しばらくすると Import が完了します。Import された Cinemachine は、Assets 内ではなくて Packages 内に追加されます。
Cinemachine フォルダの場所
以上で Cinemachine のインポートの手順は終了です。続いて、Virtual Camera を設置していきます。
４．Virtual Camera を作成する
Cinemachine の機能をゲーム内に実装していきます。
Unity 2022.3 以前のバージョンの場合、Cinemachineがインポートされると、左上のメニューに Cinemachine の項目が追加されます。
Unity メニュー 2022.3 以前 Cinemachine メニュー内
Unity 6000 以降の場合にはメニューへの追加はなく、代わりに、左上のメニューの GameObject 内に Cinemachine の項目が最初から表示されています。
あるいはヒエラルキーにて右クリックを押してメニューを表示し、その中から同じく Cinemachine のメニューが表示されています。
Unity メニュー 6000.0 以降� �GameObject メニュー内
Unity メニュー 6000.0 以降�◆．劵┘薀襯�ーにて右クリックした場合
このメニュー内に Cinemachine 用のカメラである Virtual Cameraをゲームシーンに追加するコマンドが含まれてますので、実行していきましょう。
各項目はすべて Virtual Cameraを追加するメニューになっており、一番上の Create Virtual Camera がプレーンの状態で追加されるコマンドです。
それ以外のコマンドはプレーンの状態ではなく、Virtual Cameraにカスタム設定を追加した状態で追加してくれるテンプレート的なコマンドになっています。
５．CinemachineVirtualCamera コンポーネントを持つ CM vcam1 ゲームオブジェクトをヒエラルキーに追加する
Unity 2022.3 以前の場合には、Unity Editor の左上のメニューより、Cinemachine => Create Virtual Camera を選択してください。
ヒエラルキーに CM vcam1 ゲームオブジェクトが追加されます。CinemachineVirtualCamera コンポーネントがアタッチされています。
Unity 6000 以降の場合には、Unity Editor の左上のメニューより、GameObject => Cinemachine => Cinemachine Camera を選択してください。
エラルキーに CinemachineCamera ゲームオブジェクトが追加されます。こちらには CinemachineCamera コンポーネントがアタッチされています。
バージョンの違いですが、どちらも Cinemachine のカメラになります。
これは Cinemachine 用の VirtualCamera コンポーネントを持つゲームオブジェクトであり、特に何も設定がされていない、プレーンなカメラです。
これらコンポーネントを持つゲームオブジェクトを Virtual Camera と総称しています。
ヒエラルキー Unity 2022.3 以前
ヒエラルキー Unity 6000.0 以降
６．Main Camera ゲームオブジェクトと Virtual Cameraの関わり
Virtual Cameraである CM vcam1 ゲームオブジェクト(CinemachineCamera ゲームオブジェクト)が作成される同時に、Main Camera ゲームオブジェクトの右端に新しいアイコンが追加されます。
Cinemachine のバージョンによりアイコンの形状が異なります。
ヒエラルキーのMainCameraゲームオブジェクトのアイコン Unity 2022.3 以前
ヒエラルキーのMainCameraゲームオブジェクト Unity 6000.0 以降
Virtual Cameraがある限り、ゲーム画面を映すカメラの役割は Virtual Camera となり、そのVirtual Cameraの映した内容を投影するカメラが MainCamera の役割になります。
そのためこのアイコンは、今現在、MainCameraはVirtual Cameraと連携しているので、Main Camera を直接動かすことができなくなることを示すアイコンです。
Main Camera ゲームオブジェクトのインスペクターを確認します。
新しく CinemachineBrain コンポーネントが追加されているはずです。
こちらが先ほど説明しました、MainCameraの役割を Virtual Cameraの映した内容を投影するように設定しているコンポーネントです。
今回はこのコンポーネントの設定は変更しませんので、アタッチされている確認をしておいてください。
また Transform の値も注目してください。
あとで確認しますが、Main Camera ゲームオブジェクトの Transform の値は、 Virtual Cameraである CM vcam1 ゲームオブジェクトの Transform の値に自動的に設定が行われます。
Main Camera ゲームオブジェクト インスペクター画像 Unity 2022.3 以前
Main Camera ゲームオブジェクト インスペクター画像 Unity 6000.0 以降
＜補足＞３Ｄゲームにおいて２Ｄ環境のカメラを適用する場合
Unityhub でのプロジェクトの選択時に３Ｄを選択している場合、Camera コンポーネントの Projection の設定が自動的に ３Ｄ用の Perspective に設定されています。
この状態ですと ２Ｄ空間の描画が正常に行えないため、Projection の設定を Orthographic に変更してください。カメラのサイズが画面内に収まるようになります。
＜Main Camera ゲームオブジェクト インスペクター画像＞
＜Sceneビュー画像(白い枠がカメラの描画領域です)＞
７．CM vcam1 ゲームオブジェクトの設定を確認する
この手順以降は CM vcam1 ゲームオブジェクトと CinemachineVirtualCamera コンポーネントの名称は、
ご自分の環境のゲームオブジェクトやコンポーネント(CinemachineCamera ゲームオブジェクト、CinemachineCamera コンポーネント)に読み替えて進めてください。
CM vcam1 ゲームオブジェクトのコンポーネントを確認しましょう。
Cinemachine Virtual Camera コンポーネントがアタッチされています。このコンポーネントによって Virtual Camera が機能しています。
また Main Camera ゲームオブジェクトにアタッチされている Cinemachine Brain コンポーネントとこの Cinemachine Virtual Camera コンポーネントとが連動しています。
CM vcam1 ゲームオブジェクト インスペクター画像 Body の詳細
Unity 2022.3 以前の場合、Cinemachine Virtual Camera コンポーネントは Body の設定により、Virtual Camera がどのような振る舞いをするかを決定しています。
Create Virtual Camera で作成した場合には、Body の設定を Framing Transposer とします。
CM vcam1 ゲームオブジェクト インスペクター画像 Body の詳細
Unity 6000 以降の場合、CinemachineCamera コンポーネントは Position Control の設定により、Virtual Camera がどのような振る舞いをするかを決定しています。
CinemachineCamera で作成した場合には、Position Control の設定を Position Composer とします。
CinemachineCamera ゲームオブジェクト インスペクター画像 Position Control の詳細
この設定は Cinemachine を ２Ｄ用に Virtual Camera を振る舞うようにする設定になります。
なお、現時点では、どちらの設定の場合でも警告アイコンが表示されますが、次の手順で解消しますので問題ありません。
８．カメラにキャラを追跡させるための設定を行う
Cinemachine にはインスペクターの設定を行うことで、設定した任意のターゲット（Transform）を Virtual Camera カメラに追跡させる機能があります。
今回カメラに追跡させたい対象はプレイヤーキャラのゲームオブジェクトです。この手順ではその設定を行います。
Unity 2022.3 以前の場合、Cinemachine Virtual Camera コンポーネントにある Follow プロパティを設定します。
Follow にヒエラルキーにある Player ゲームオブジェクトをドラッグアンドドロップしてアサインしてください。
CM vcam1 ゲームオブジェクト インスペクター画像
Unity 6000.0 以降の場合、CinemachineCamera コンポーネントにある Tracking Target プロパティを設定します。
Tracking Target にヒエラルキーにある Player ゲームオブジェクトをドラッグアンドドロップしてアサインしてください。
CinemachineCamera ゲームオブジェクト インスペクター画像
Game ビューを確認してみてください。カメラが設定したキャラを追跡するために位置が変更になっています。
Follow/Tracking Target設定後のGameSceneビュー
９．ゲームを実行して動作を確認する
ゲームを実行し、今までと同じように画面の中央にキャラがいる状態でカメラが一緒に追従して移動するか確認します。
また、Virtual Camera の情報が、Main Camera とリンクしているかも合わせて確認を行います。
検証動画� �Chinemachine Virtual Camera コンポーネントの Follow に設定した対象物(Player ゲームオブジェクト)の移動に合わせて CM vcam1 ゲームオブジェクトが移動する
動画ファイルへのリンク
検証動画�◆�Virtual Camera と一緒に Main Camera も動く(Transformの値が同じ値になっている)
動画ファイルへのリンク
これで Virtual Camera の設定は完了です。どの機能がどのように利用されているのかをしっかりと確認しておいてください。
また、Unity ではインスペクターを活用することで、色々な情報を確認しながらデバッグすることが出来ます。
この方法を覚えて自分のゲーム製作の際に活用してください。
１６．カメラの移動範囲をゲーム画面内に収める制御を実装する
１．設計
Virtual Camera がプレイヤーキャラの移動に合わせて追従するようになりました。
そのためプレイヤーキャラを常にゲーム画面の中央位置に映した状態でゲームが進行するようになりました。
実際にプレイヤーキャラを移動していて、カメラの制御に問題があることに気づいたと思います。
プレイヤーキャラをゲーム画面の端まで移動した際に、プレイヤーキャラを中心にカメラが移動していることにより、
ゲーム画面内に、作りこんでいない部分が映りこんでしまっています。
Game ビュー画像(画面下部にゲームのタイルのない背景部分が見えてしまっている)
このままですとゲーム画面には映したくない部分まで映ってしまうことになりますので、
この部分を制御する処理を考えて実装します。
対応方法はいくつかありますが、今回は Cinemachine のカメラを利用していますので、こちらの可動範囲を制限する処理によって対応しようと思います。
具体的には、ゲーム画面に映したい大きさでコライダーを作成して、そのコライダーの内側に Cinemachine のカメラを閉じ込める機能を利用することにより、
プレイヤーキャラがゲーム画面の端まで移動した際には、カメラの移動がコライダーの範囲内で移動を制限し、ゲーム画面外を映さないように制御を施していきます。
＜実装動画＞
動画ファイルへのリンク
上記の動画の Sceneビュー を確認してください。白い長方形がカメラの映している範囲です。
プレイヤーキャラが画面の下まで移動するとカメラが画面外には移動せずに、プレイヤーキャラのみがカメラの範囲内で移動し、カメラはコライダーの設定した範囲内で収まっています。
そして、プレイヤーキャラが画面内に再度移動することに合わせて、またプレイヤーキャラを画面の中央に沿えてカメラの移動が始まっています。
この機能を実装します。
２．CameraConfiner ゲームオブジェクトを作成する
ヒエラルキーの空いている部分で右クリックをしてメニューを開き、Create Empty を選択して、新しいゲームオブジェクトを１つ作成します。
名前を Camera Confiner に変更します。
ヒエラルキー画像
このゲームオブジェクトにコライダーを設定し、そのコライダーの範囲内のみを Chinemachine のカメラが移動するようにしていきます。
３．新しい Layer を作成して、Camera Confiner ゲームオブジェクトに設定する
ヒエラルキーの Camera Confiner ゲームオブジェクトを選択して、インスペクター上部にある Layer を選択します。
プルダウンメニューが開きますので、一番下にある Add Layer… を選択します。インスペクターの表示が Tags & Layers に切り替わり、Layer の編集が可能になります。
Layers を選択し、Layers 8 以降に Confiner を登録してください。
Tags & Layers インスペクター画像(ここでは Layers 8 を利用していたため、Layers 9 に登録しています)
再度、Camera Confiner ゲームオブジェクトを選択して、インスペクターの Layer を選択します。
プルダウンメニューに Confiner が追加されていますので、そちらを選択します。
Camera Confiner ゲームオブジェクト インスペクター画像
続いて、この Confiner レイヤーの設定を行います。
４．Layer Collision Matrix の設定を行う
レイヤーの設定を行うことにより、特定のレイヤー間の接触判定のみを感知したり、あるいは特定のレイター間を無視したりすることが出来ます。
Unity Editor の左上のメニューより、Edit => Project Settings を選択します。
Project Settings ウインドウが開きますので、左側の項目より、Physics 2D を選択します。
右側の内容が選択した項目の内容に切り替わりますので、一番下までスクロールしてください。
Layer Collision Matrix という部分が表示されます。
Confiner のレイヤーのチェックをすべて外して、下記の画像のようにしてください。
Layer Collision Matrix
これで Confiner のレイヤーが設定されているゲームオブジェクトのコライダーは、
いずれのレイヤーのゲームオブジェクトのコライダーとも接触判定を行わない状態になりました。
以上で設定は完了です。
５．Camera Confiner ゲームオブジェクトに Polygon Collider 2D コンポーネントを追加して設定を行う
ヒエラルキーの Camera Confiner ゲームオブジェクトを選択し、インスペクターの一番下にある Add Component を選択します。
Polygon Collider 2D コンポーネントを追加します。Unity 6000 以降の場合には設定項目が一部変更になっています。
インスペクター画像 Unity 2022.3 以前
インスペクター画像 Unity 6000.0 以降
この Polygon Collider 2D コンポーネントのコライダーのサイズを設定し、【Chinemachineのカメラの稼働できる範囲】として制御させます。
このコンポーネントは複数の頂点を移動して、形状を自由に変更できるタイプのコライダーになります。
初期設定では頂点の数が 5 になっていますので、こちらを設定しやすいように頂点は 4 つに設定してからサイズを変更します。
Polygon Collider 2D コンポーネントの Points => Paths の設定を 4 に変更します。これでコライダーの頂点の数が 4 つになります。
Edit Collider のボタンを押して、Sceneビュー にてタイルの大きさに合わせてサイズを設定してください。
頂点を選択してドラッグアンドドロップすることによって、頂点を自由に移動することができますので、左上、左下、右上、右下と頂点を移動してください。
大切なポイントとしては、カメラを収めたい範囲として設定を行いますので、プレイヤーキャラの実際に移動できる範囲内に頂点を配置するといいでしょう。
例えば、下記のようにプレイヤーキャラの移動範囲を四方を山のタイルが囲んでいますが、その内側に頂点を配置するようにしてください。
頂点の数字が細かくなりすぎる場合には、近い数字に丸めてください。
インスペクター画像
Sceneビューの Polygon Collider のサイズ
Collider の検証動画
動画ファイルへのリンク
以上で設定は完了です。最後に、このコンポーネントを制御させるための機能を追加します。
６．CM vcam1 ゲームオブジェクトに Cinemachine Confiner コンポーネントを追加して設定を行う
Unity 2022.3 以前の場合、ヒエラルキーの CM vcam1 ゲームオブジェクトを選択し、Chinemachine Virtual Camera コンポーネント 内の Extensions の部分にある Add Extension を選択します。
プルダウンメニューが開きますので、Chinemachine Confiner を選択してください。新しく Chinemachine Confiner コンポーネントが追加されます。
Unity 6000 以降の場合には、ヒエラルキーの CinemachineCamera ゲームオブジェクトを選択し、CinemachineCamera コンポーネント内の Add Extension の右横にプルダウンメニューがありますので
そちらをクリックして、Cinemachine Confiner 2D を選択してください。新しく Chinemachine Confiner 2D コンポーネントが追加されます。
Unity 6000 以降
この機能を利用することで、Polygon Collider 2D コンポーネントで設定した範囲をCinemachine のカメラの稼働範囲として設定する(カメラの移動範囲をコライダー内に閉じ込める)ことが可能になります。
インスペクター画像 Unity 2022.3 以前
インスペクター画像 Unity 6000.0 以降
設定を２つ行います。
Unity 2022.3 以前の場合のみ、Confine Mode を Confine 2D に変更します(Unity 6000.0 以降の場合には設定項目はなく、コンポーネントとして自動的に設定されています)。
Bounding Shape 2D の部分に、Camera Confiner ゲームオブジェクトをドラッグアンドドロップしてアサインします。
Polygon Collider 2D コンポーネントが自動的に登録されます。
インスペクター画像 Unity 2022.3 以前
インスペクター画像 Unity 6000.0 以降
以上で設定は完了です。
７．ゲームを実行して動作を確認する
すべての設定が完了しました。どの機能がどのようにつながっているかを確認してから、ゲームを実行してください。
プレイヤーキャラを移動させてみてください。画面の端に移動した際に、Polygon Collider 2D コンポーネントのコライダーの範囲内でカメラが移動を停止するようになれば制御成功です。
＜実装動画＞
動画ファイルへのリンク
今回は Cinemachine の機能を利用することで、すべてノーコードで(スクリプトをかかずに)実装を行うことができました。
以上でこの手順は終了です。
次は 手順１０ −NPC との会話イベントの実装− です。
＜実装動画＞
動画ファイルへのリンク
以下の内容で順番に実装を進めていきます。
手順９ ーカメラの追従制御の実装ー
１５．Cinemachine アセットを利用して、Player をカメラが追従する機能を実装する １６．カメラの移動範囲をゲーム画面内に収める制御を実装する
新しい学習内容は、以下の通りです。
・Cinemachine（シネマシン）の導入 ・Virtual Cameraの実装方法(配置・Chinemachine Virtual Camera コンポーネントの設定) ・Layer Collision Matrix の設定 ・Polygon Collider 2D コンポーネント ・Chinemachine Confiner コンポーネント
１５．Cinemachine アセットを利用して、Player をカメラが追従する機能を実装する 
１．設計
Scene ビューにおいて製作したゲーム画面は Main Camera ゲームオブジェクトにアタッチされている Camera コンポーネントを通じて
Game ビューに映されています。そしてこれが実際のゲーム画面になります。
今回は Cinemachine(シネマシン) という機能を利用して、Main Camera ゲームオブジェクト以外にもカメラの役割を持つコンポーネントを使い、
このカメラに映った Scene ビューの内容を Game ビューへと投影する処理を実装します。
Cinemachine の機能を利用すると、プレイヤーキャラを追従するカメラの処理や、カメラの移動する範囲の制御などをノーコードで実装することが可能です。
２．Cinemachine
Cinemachine（シネマシン）は、Unityが無料で提供している、カメラの機能をまとめた Packege になります。
対象を指定することでカメラが自動で追尾したり、複数のカメラをゲーム画面内に配置してそれらの制御する機能などを実装することが可能です。
例えばカメラを２台用意し、移動する際に自動的にカメラを切り替えてみると、下記の動画のようなカメラワークでゲームを進行してくことが出来ます。
カメラが切り替わるときには、前のカメラと次のカメラとは、自動的に補間処理されてスムースにつながります。これも Cinemachine の機能の1つです。
実装動画例
動画ファイルへのリンク
Cinemachine にはバージョンがあり、2.x.y(バージョン 2) と 3.x.y(バージョン 3) では、機能やインスペクターの設定、スクリプトの記述方法などが大きく異なります。
Unity 2022.3 以前のバージョンではバージョン2(Cinemachine 2 シリーズ)が、Unity 6000 以降ではバージョン3(Cinemachine 3 シリーズ)が標準パッケージとして提供されています。
Cinemachine は機能が膨大であるため、この手順では使用する機能についてしか説明をしていません。
詳しくは自分で調べて実装を行ってみましょう。説明を読みながらいじっていると自然に機能が分かってきます。
下記のサイトは Unity 6000 以降でパッケージされている Cinemachine 3 シリーズの解説になります。
参考サイト
Unity 公式
映画やゲーム用のカメラに電力を供給する
https://unity.com/ja/features/cinemachine
Unity 公式
Cinemachine 3 の新機能
https://unity.com/ja/blog/engine-platform/see-what...
Unity 公式
Cinemachine チュートリアル
https://docs.unity3d.com/Packages/com.unity.cinema...
青木とと様
[Unity] プレビュー版 Cinemachine 3.0 紹介
https://speakerdeck.com/lycoris102/unity-preview-c...
note やまだsktn様
Cinemachine Brain (Unity6対応)
https://note.com/kind_boar6846/n/n9e01e71a1744
note やまだsktn様
Cinemachine Camera (Unity6対応)
https://note.com/kind_boar6846/n/n5e5affa9868c
note やまだsktn様
Position Controll Follow (Unity 6対応)
https://note.com/kind_boar6846/n/n32ca1a491444
note やまだsktn様
Position Controll Spline Dolly(Unity 6対応)
https://note.com/kind_boar6846/n/n5dd41d9a17cb
Unityでインディゲームを作る！ 様
Cinemachine 3.xでシーンビュー・カメラの視点にCinemachine Cameraを置く [ Shift + Ctrl + F ]
https://indie-game-creation-with-unity.hatenablog....
プロタウン（仮）様
Unity6 Cinemachine3でFPS風視点作り1
https://pc-engine.blog/cinemachine3/
プロタウン（仮）様
Unity6 Cinemachine3でFPS風視点作り2
https://pc-engine.blog/cinemachine3_2/
３．Cinemachine を Unity にインポートする
Unity 2022.3 以前のバージョンでは Cinemachine パッケージのインポート作業が必要になります。
Unity 6000 以降のバージョンでは標準でインポートされていますので、この手順は不要です。次の手順へ進んでください。
エディター内にある、PackageManager ビューのタブを選択します。
もしもエディター内に PackageManager ビューがない場合には、Unityの左上のメニューから、Window => PackageManager を選択してください。
PackageManagerビュー内の左上の Packages を選択するとプルダウンメニューが表示されますので、この中から Unity Registry を選択します。
読み込みが始まり、PackageManagerビュー内の左側の項目に複数のアセットが表示されますので、この中から Cinemachine を探してクリックください。
Packagesを Unity Registry に変更
＜手順動画 Packagesを Unity Registry に変更＞
https://gyazo.com/f4bbb72494da5975b9677e49c6b767c9
Cinemachineのインポート
Cinemachine 内の右下にある Download ボタンをクリックします。Downloadが終了すると Import ボタンになりますので、そちらもクリックしてください。
Importする内容を選択するウインドウが開きますので、すべての内容の Import を行いますので、そのまま Import ボタンを押してください。
プログレス表示が出て、しばらくすると Import が完了します。Import された Cinemachine は、Assets 内ではなくて Packages 内に追加されます。
Cinemachine フォルダの場所
以上で Cinemachine のインポートの手順は終了です。続いて、Virtual Camera を設置していきます。
４．Virtual Camera を作成する
Cinemachine の機能をゲーム内に実装していきます。
Unity 2022.3 以前のバージョンの場合、Cinemachineがインポートされると、左上のメニューに Cinemachine の項目が追加されます。
Unity メニュー 2022.3 以前 Cinemachine メニュー内
Unity 6000 以降の場合にはメニューへの追加はなく、代わりに、左上のメニューの GameObject 内に Cinemachine の項目が最初から表示されています。
あるいはヒエラルキーにて右クリックを押してメニューを表示し、その中から同じく Cinemachine のメニューが表示されています。
Unity メニュー 6000.0 以降� �GameObject メニュー内
Unity メニュー 6000.0 以降�◆．劵┘薀襯�ーにて右クリックした場合
このメニュー内に Cinemachine 用のカメラである Virtual Cameraをゲームシーンに追加するコマンドが含まれてますので、実行していきましょう。
各項目はすべて Virtual Cameraを追加するメニューになっており、一番上の Create Virtual Camera がプレーンの状態で追加されるコマンドです。
それ以外のコマンドはプレーンの状態ではなく、Virtual Cameraにカスタム設定を追加した状態で追加してくれるテンプレート的なコマンドになっています。
５．CinemachineVirtualCamera コンポーネントを持つ CM vcam1 ゲームオブジェクトをヒエラルキーに追加する
Unity 2022.3 以前の場合には、Unity Editor の左上のメニューより、Cinemachine => Create Virtual Camera を選択してください。
ヒエラルキーに CM vcam1 ゲームオブジェクトが追加されます。CinemachineVirtualCamera コンポーネントがアタッチされています。
Unity 6000 以降の場合には、Unity Editor の左上のメニューより、GameObject => Cinemachine => Cinemachine Camera を選択してください。
エラルキーに CinemachineCamera ゲームオブジェクトが追加されます。こちらには CinemachineCamera コンポーネントがアタッチされています。
バージョンの違いですが、どちらも Cinemachine のカメラになります。
これは Cinemachine 用の VirtualCamera コンポーネントを持つゲームオブジェクトであり、特に何も設定がされていない、プレーンなカメラです。
これらコンポーネントを持つゲームオブジェクトを Virtual Camera と総称しています。
ヒエラルキー Unity 2022.3 以前
ヒエラルキー Unity 6000.0 以降
６．Main Camera ゲームオブジェクトと Virtual Cameraの関わり
Virtual Cameraである CM vcam1 ゲームオブジェクト(CinemachineCamera ゲームオブジェクト)が作成される同時に、Main Camera ゲームオブジェクトの右端に新しいアイコンが追加されます。
Cinemachine のバージョンによりアイコンの形状が異なります。
ヒエラルキーのMainCameraゲームオブジェクトのアイコン Unity 2022.3 以前
ヒエラルキーのMainCameraゲームオブジェクト Unity 6000.0 以降
Virtual Cameraがある限り、ゲーム画面を映すカメラの役割は Virtual Camera となり、そのVirtual Cameraの映した内容を投影するカメラが MainCamera の役割になります。
そのためこのアイコンは、今現在、MainCameraはVirtual Cameraと連携しているので、Main Camera を直接動かすことができなくなることを示すアイコンです。
Main Camera ゲームオブジェクトのインスペクターを確認します。
新しく CinemachineBrain コンポーネントが追加されているはずです。
こちらが先ほど説明しました、MainCameraの役割を Virtual Cameraの映した内容を投影するように設定しているコンポーネントです。
今回はこのコンポーネントの設定は変更しませんので、アタッチされている確認をしておいてください。
また Transform の値も注目してください。
あとで確認しますが、Main Camera ゲームオブジェクトの Transform の値は、 Virtual Cameraである CM vcam1 ゲームオブジェクトの Transform の値に自動的に設定が行われます。
Main Camera ゲームオブジェクト インスペクター画像 Unity 2022.3 以前
Main Camera ゲームオブジェクト インスペクター画像 Unity 6000.0 以降
＜補足＞３Ｄゲームにおいて２Ｄ環境のカメラを適用する場合
Unityhub でのプロジェクトの選択時に３Ｄを選択している場合、Camera コンポーネントの Projection の設定が自動的に ３Ｄ用の Perspective に設定されています。
この状態ですと ２Ｄ空間の描画が正常に行えないため、Projection の設定を Orthographic に変更してください。カメラのサイズが画面内に収まるようになります。
＜Main Camera ゲームオブジェクト インスペクター画像＞
＜Sceneビュー画像(白い枠がカメラの描画領域です)＞
７．CM vcam1 ゲームオブジェクトの設定を確認する
この手順以降は CM vcam1 ゲームオブジェクトと CinemachineVirtualCamera コンポーネントの名称は、
ご自分の環境のゲームオブジェクトやコンポーネント(CinemachineCamera ゲームオブジェクト、CinemachineCamera コンポーネント)に読み替えて進めてください。
CM vcam1 ゲームオブジェクトのコンポーネントを確認しましょう。
Cinemachine Virtual Camera コンポーネントがアタッチされています。このコンポーネントによって Virtual Camera が機能しています。
また Main Camera ゲームオブジェクトにアタッチされている Cinemachine Brain コンポーネントとこの Cinemachine Virtual Camera コンポーネントとが連動しています。
CM vcam1 ゲームオブジェクト インスペクター画像 Body の詳細
Unity 2022.3 以前の場合、Cinemachine Virtual Camera コンポーネントは Body の設定により、Virtual Camera がどのような振る舞いをするかを決定しています。
Create Virtual Camera で作成した場合には、Body の設定を Framing Transposer とします。
CM vcam1 ゲームオブジェクト インスペクター画像 Body の詳細
Unity 6000 以降の場合、CinemachineCamera コンポーネントは Position Control の設定により、Virtual Camera がどのような振る舞いをするかを決定しています。
CinemachineCamera で作成した場合には、Position Control の設定を Position Composer とします。
CinemachineCamera ゲームオブジェクト インスペクター画像 Position Control の詳細
この設定は Cinemachine を ２Ｄ用に Virtual Camera を振る舞うようにする設定になります。
なお、現時点では、どちらの設定の場合でも警告アイコンが表示されますが、次の手順で解消しますので問題ありません。
８．カメラにキャラを追跡させるための設定を行う
Cinemachine にはインスペクターの設定を行うことで、設定した任意のターゲット（Transform）を Virtual Camera カメラに追跡させる機能があります。
今回カメラに追跡させたい対象はプレイヤーキャラのゲームオブジェクトです。この手順ではその設定を行います。
Unity 2022.3 以前の場合、Cinemachine Virtual Camera コンポーネントにある Follow プロパティを設定します。
Follow にヒエラルキーにある Player ゲームオブジェクトをドラッグアンドドロップしてアサインしてください。
CM vcam1 ゲームオブジェクト インスペクター画像
Unity 6000.0 以降の場合、CinemachineCamera コンポーネントにある Tracking Target プロパティを設定します。
Tracking Target にヒエラルキーにある Player ゲームオブジェクトをドラッグアンドドロップしてアサインしてください。
CinemachineCamera ゲームオブジェクト インスペクター画像
Game ビューを確認してみてください。カメラが設定したキャラを追跡するために位置が変更になっています。
Follow/Tracking Target設定後のGameSceneビュー
９．ゲームを実行して動作を確認する
ゲームを実行し、今までと同じように画面の中央にキャラがいる状態でカメラが一緒に追従して移動するか確認します。
また、Virtual Camera の情報が、Main Camera とリンクしているかも合わせて確認を行います。
検証動画� �Chinemachine Virtual Camera コンポーネントの Follow に設定した対象物(Player ゲームオブジェクト)の移動に合わせて CM vcam1 ゲームオブジェクトが移動する
動画ファイルへのリンク
検証動画�◆�Virtual Camera と一緒に Main Camera も動く(Transformの値が同じ値になっている)
動画ファイルへのリンク
これで Virtual Camera の設定は完了です。どの機能がどのように利用されているのかをしっかりと確認しておいてください。
また、Unity ではインスペクターを活用することで、色々な情報を確認しながらデバッグすることが出来ます。
この方法を覚えて自分のゲーム製作の際に活用してください。
１６．カメラの移動範囲をゲーム画面内に収める制御を実装する
１．設計
Virtual Camera がプレイヤーキャラの移動に合わせて追従するようになりました。
そのためプレイヤーキャラを常にゲーム画面の中央位置に映した状態でゲームが進行するようになりました。
実際にプレイヤーキャラを移動していて、カメラの制御に問題があることに気づいたと思います。
プレイヤーキャラをゲーム画面の端まで移動した際に、プレイヤーキャラを中心にカメラが移動していることにより、
ゲーム画面内に、作りこんでいない部分が映りこんでしまっています。
Game ビュー画像(画面下部にゲームのタイルのない背景部分が見えてしまっている)
このままですとゲーム画面には映したくない部分まで映ってしまうことになりますので、
この部分を制御する処理を考えて実装します。
対応方法はいくつかありますが、今回は Cinemachine のカメラを利用していますので、こちらの可動範囲を制限する処理によって対応しようと思います。
具体的には、ゲーム画面に映したい大きさでコライダーを作成して、そのコライダーの内側に Cinemachine のカメラを閉じ込める機能を利用することにより、
プレイヤーキャラがゲーム画面の端まで移動した際には、カメラの移動がコライダーの範囲内で移動を制限し、ゲーム画面外を映さないように制御を施していきます。
＜実装動画＞
動画ファイルへのリンク
上記の動画の Sceneビュー を確認してください。白い長方形がカメラの映している範囲です。
プレイヤーキャラが画面の下まで移動するとカメラが画面外には移動せずに、プレイヤーキャラのみがカメラの範囲内で移動し、カメラはコライダーの設定した範囲内で収まっています。
そして、プレイヤーキャラが画面内に再度移動することに合わせて、またプレイヤーキャラを画面の中央に沿えてカメラの移動が始まっています。
この機能を実装します。
２．CameraConfiner ゲームオブジェクトを作成する
ヒエラルキーの空いている部分で右クリックをしてメニューを開き、Create Empty を選択して、新しいゲームオブジェクトを１つ作成します。
名前を Camera Confiner に変更します。
ヒエラルキー画像
このゲームオブジェクトにコライダーを設定し、そのコライダーの範囲内のみを Chinemachine のカメラが移動するようにしていきます。
３．新しい Layer を作成して、Camera Confiner ゲームオブジェクトに設定する
ヒエラルキーの Camera Confiner ゲームオブジェクトを選択して、インスペクター上部にある Layer を選択します。
プルダウンメニューが開きますので、一番下にある Add Layer… を選択します。インスペクターの表示が Tags & Layers に切り替わり、Layer の編集が可能になります。
Layers を選択し、Layers 8 以降に Confiner を登録してください。
Tags & Layers インスペクター画像(ここでは Layers 8 を利用していたため、Layers 9 に登録しています)
再度、Camera Confiner ゲームオブジェクトを選択して、インスペクターの Layer を選択します。
プルダウンメニューに Confiner が追加されていますので、そちらを選択します。
Camera Confiner ゲームオブジェクト インスペクター画像
続いて、この Confiner レイヤーの設定を行います。
４．Layer Collision Matrix の設定を行う
レイヤーの設定を行うことにより、特定のレイヤー間の接触判定のみを感知したり、あるいは特定のレイター間を無視したりすることが出来ます。
Unity Editor の左上のメニューより、Edit => Project Settings を選択します。
Project Settings ウインドウが開きますので、左側の項目より、Physics 2D を選択します。
右側の内容が選択した項目の内容に切り替わりますので、一番下までスクロールしてください。
Layer Collision Matrix という部分が表示されます。
Confiner のレイヤーのチェックをすべて外して、下記の画像のようにしてください。
Layer Collision Matrix
これで Confiner のレイヤーが設定されているゲームオブジェクトのコライダーは、
いずれのレイヤーのゲームオブジェクトのコライダーとも接触判定を行わない状態になりました。
以上で設定は完了です。
５．Camera Confiner ゲームオブジェクトに Polygon Collider 2D コンポーネントを追加して設定を行う
ヒエラルキーの Camera Confiner ゲームオブジェクトを選択し、インスペクターの一番下にある Add Component を選択します。
Polygon Collider 2D コンポーネントを追加します。Unity 6000 以降の場合には設定項目が一部変更になっています。
インスペクター画像 Unity 2022.3 以前
インスペクター画像 Unity 6000.0 以降
この Polygon Collider 2D コンポーネントのコライダーのサイズを設定し、【Chinemachineのカメラの稼働できる範囲】として制御させます。
このコンポーネントは複数の頂点を移動して、形状を自由に変更できるタイプのコライダーになります。
初期設定では頂点の数が 5 になっていますので、こちらを設定しやすいように頂点は 4 つに設定してからサイズを変更します。
Polygon Collider 2D コンポーネントの Points => Paths の設定を 4 に変更します。これでコライダーの頂点の数が 4 つになります。
Edit Collider のボタンを押して、Sceneビュー にてタイルの大きさに合わせてサイズを設定してください。
頂点を選択してドラッグアンドドロップすることによって、頂点を自由に移動することができますので、左上、左下、右上、右下と頂点を移動してください。
大切なポイントとしては、カメラを収めたい範囲として設定を行いますので、プレイヤーキャラの実際に移動できる範囲内に頂点を配置するといいでしょう。
例えば、下記のようにプレイヤーキャラの移動範囲を四方を山のタイルが囲んでいますが、その内側に頂点を配置するようにしてください。
頂点の数字が細かくなりすぎる場合には、近い数字に丸めてください。
インスペクター画像
Sceneビューの Polygon Collider のサイズ
Collider の検証動画
動画ファイルへのリンク
以上で設定は完了です。最後に、このコンポーネントを制御させるための機能を追加します。
６．CM vcam1 ゲームオブジェクトに Cinemachine Confiner コンポーネントを追加して設定を行う
Unity 2022.3 以前の場合、ヒエラルキーの CM vcam1 ゲームオブジェクトを選択し、Chinemachine Virtual Camera コンポーネント 内の Extensions の部分にある Add Extension を選択します。
プルダウンメニューが開きますので、Chinemachine Confiner を選択してください。新しく Chinemachine Confiner コンポーネントが追加されます。
Unity 6000 以降の場合には、ヒエラルキーの CinemachineCamera ゲームオブジェクトを選択し、CinemachineCamera コンポーネント内の Add Extension の右横にプルダウンメニューがありますので
そちらをクリックして、Cinemachine Confiner 2D を選択してください。新しく Chinemachine Confiner 2D コンポーネントが追加されます。
Unity 6000 以降
この機能を利用することで、Polygon Collider 2D コンポーネントで設定した範囲をCinemachine のカメラの稼働範囲として設定する(カメラの移動範囲をコライダー内に閉じ込める)ことが可能になります。
インスペクター画像 Unity 2022.3 以前
インスペクター画像 Unity 6000.0 以降
設定を２つ行います。
Unity 2022.3 以前の場合のみ、Confine Mode を Confine 2D に変更します(Unity 6000.0 以降の場合には設定項目はなく、コンポーネントとして自動的に設定されています)。
Bounding Shape 2D の部分に、Camera Confiner ゲームオブジェクトをドラッグアンドドロップしてアサインします。
Polygon Collider 2D コンポーネントが自動的に登録されます。
インスペクター画像 Unity 2022.3 以前
インスペクター画像 Unity 6000.0 以降
以上で設定は完了です。
７．ゲームを実行して動作を確認する
すべての設定が完了しました。どの機能がどのようにつながっているかを確認してから、ゲームを実行してください。
プレイヤーキャラを移動させてみてください。画面の端に移動した際に、Polygon Collider 2D コンポーネントのコライダーの範囲内でカメラが移動を停止するようになれば制御成功です。
＜実装動画＞
動画ファイルへのリンク
今回は Cinemachine の機能を利用することで、すべてノーコードで(スクリプトをかかずに)実装を行うことができました。
以上でこの手順は終了です。
次は 手順１０ −NPC との会話イベントの実装− です。
コメントをかく