ゲーム開発
Unity
UnrealEngine
C++
Blender
Houdini
ゲーム数学
ゲームAI
グラフィックス
サウンド
アニメーション
GBDK
制作日記
IT関連
ツール開発
フロントエンド関連
サーバサイド関連
WordPress関連
ソフトウェア設計
おすすめ技術書
音楽
DTM
楽器・機材
ピアノ
ラーメン日記
四コマ漫画
その他
おすすめアイテム
おもしろコラム
  • ゲーム開発
    • Unity
    • UnrealEngine
    • C++
    • Blender
    • Houdini
    • ゲーム数学
    • ゲームAI
    • グラフィックス
    • サウンド
    • アニメーション
    • GBDK
    • 制作日記
  • IT関連
    • ツール開発
    • フロントエンド関連
    • サーバサイド関連
    • WordPress関連
    • ソフトウェア設計
    • おすすめ技術書
  • 音楽
    • DTM
    • 楽器・機材
    • ピアノ
  • ラーメン日記
    • 四コマ漫画
      • その他
        • おすすめアイテム
        • おもしろコラム
      1. ホーム
      2. 20220801_01

      【Unity】Cinemachineの基本操作とカメラワーク専門用語についてまとめる【基礎編】

      UnityCinemachineカメラワーク
      2022-07-31

      マイケル
      マイケル
      みなさんこんにちは!
      マイケルです!
      エレキベア
      エレキベア
      こんにちクマ〜〜〜
      マイケル
      マイケル
      今日はUnityのカメラ操作の定番アセット、
      Cinemachineの使い方とカメラワークの専門用語
      について解説していきます!

      Cinemachine – 映画にもゲームにも使える強力なカメラ機能

      エレキベア
      エレキベア
      Cinemachine・・・
      いつ記事にするかと思っていたクマがついに来たクマか・・・
      マイケル
      マイケル
      これを使うとカメラ操作がかなり楽になると思うよ!
      それでは早速触っていこう!

      Cinemachineとは

      マイケル
      マイケル
      CinemachineはUnityの強力なカメラ機能で、
      PackageManagerからインストールすることができます!
      マイケル
      マイケル
      MainCameraにCinemachineBrainという管理コンポーネントをつけて、
      ステージに配置したVirtualCameraを切り替えて表示させる仕組みになっています。
      これらを上手く活用することでシネマティックなカメラワークを実現することができます!
      エレキベア
      エレキベア
      シネマティック・・・
      マイケル
      マイケル
      言葉だけだと分かりにくいと思うから、
      実際に触ってイメージを掴んでいこう!

      オブジェクトを追従させる

      マイケル
      マイケル
      それでは最も基本的な動きとなる、「指定したオブジェクトを追従させる」
      カメラワークを作っていこうと思います。
      エレキベア
      エレキベア
      楽しみクマ〜〜〜
      マイケル
      マイケル
      なお今回使用するUnityとCinemachineのバージョンは下記になります!
      使用するバージョンにより操作が異なる可能性もあるのでご注意ください!
      バージョン
      Unity 2021.3.1f
      Cinemachine 2.8.6
      Cinemachine導入とBrainの設定
      マイケル
      マイケル
      まずはCinemachineをPackageManagerからインストールします。
      マイケル
      マイケル
      そしてScene上のMainCameraにCinemachineBrainコンポーネントをアタッチします。
      これでCinemachineを使用する準備ができました。
      ↑CinemachineBrainのアタッチ
      エレキベア
      エレキベア
      簡単クマ〜〜〜
      VirtualCameraの作成と設定
      マイケル
      マイケル
      CinemachineはVirtualCameraと呼ばれる仮想カメラを切り替えて表示する仕組みなので、
      今の状態でゲームを実行しても上手く表示されません。
      Hierarchyで右クリックして、「Cinemachine -> Virtual Camera」からVirtualCameraを作成しましょう!
      ↑Hierarchy右クリックから作成
      ↑作成された状態
      マイケル
      マイケル
      作成したオブジェクトのCinemachineVirtualCameraコンポーネント
      「Follow」「Look At」に追従させたいオブジェクトを設定しましょう。
      ↑追従するオブジェクトの設定


      Follow:追跡するターゲットのオブジェクト
      Look At:照準を合わせるターゲットのオブジェクト

      マイケル
      マイケル
      すると下記のようにオブジェクトを中心してにカメラが移動することが確認できます。
      エレキベア
      エレキベア
      これだけでオブジェクトを追従してくれるクマね
      オブジェクトとのOffsetを設定
      マイケル
      マイケル
      ターゲットとの距離はFollow Offsetの値で調整することができます。
      もしくはSceneビュー上でカメラを移動させることでも調整可能です。
      ↑オフセットの設定
      ↑カメラオブジェクトの移動でも調整可能
      マイケル
      マイケル
      距離感を上手く調整していい感じに映るようにしましょう!
      ↑オフセット値を元にターゲットとの距離を設定
      エレキベア
      エレキベア
      だいぶ見やすくなったクマね
      オブジェクトを動かす
      マイケル
      マイケル
      この状態で試しにオブジェクトを動かしてみます。
      すると下記のようにオブジェクトの背後を追うようにカメラが移動することが確認できます。
      ↑オブジェクトの背後を追従する
      エレキベア
      エレキベア
      ちゃんと追従してるクマ〜〜〜
      マイケル
      マイケル
      向きを変えずに追従したい場合には下記のように
      Body – Binding Mode: World Space
      Aim: Do nothing
      にそれぞれ設定するとカメラの回転を無効にすることができます。
      ↑カメラの回転を無効にする
      ↑カメラの位置のみが変わる
      エレキベア
      エレキベア
      これもよくある追従処理クマね

      複数カメラの切り替え

      マイケル
      マイケル
      どのVirtualCameraを映すか?については、
      Priorityの値が高いかつアクティブになっているオブジェクト
      が優先されるようになっています。
      ↑Priorityの値で優先度を変える
      マイケル
      マイケル
      試しにVirtualCameraを複数配置して
      値を変更しながら切り替えてみましょう!
      ↑複数のVirtualCameraを配置
      ↑切り替わる様子(Gameビュー)
      ↑切り替わる様子(Sceneビュー)
      エレキベア
      エレキベア
      おお〜〜〜
      いい感じに切り替わってるクマ〜〜〜
      マイケル
      マイケル
      シネマティック感が少し感じられたのではないでしょうか・・・

      カメラワークの基本用語

      マイケル
      マイケル
      Cinemachineの基本操作は以上になりますが、
      カメラワークを扱う上でティルトやパンといった専門用語が度々出てくることがあります。
      おまけとしてこれらの用語についての簡単な説明と、Cinemachineでの操作方法について解説します!


      [解説する用語]
      ・フィクス
      ・トラッキング
      ・ズーム
      ・ドリー
      ・ティルト
      ・パン

      エレキベア
      エレキベア
      確かに聞いたことはあるクマが普段カメラを使わないから
      よく分からないクマ〜〜〜
      マイケル
      マイケル
      各用語の意味について調べるにあたり、
      下記の記事を参考にさせていただきました!

      【動画ビギナー必見!】知っておきたい基本のカメラワーク | PIXTAガイド

      エレキベア
      エレキベア
      分かりやすくまとまってるクマ〜〜

      フィクス


      カメラを固定して撮影する技法。
      ブレが発生しないため安定してキレイに見せることができる。

      マイケル
      マイケル
      フィクスはカメラを固定して撮影する技法のことです。
      CinemachineだとVirtualCameraを単純に配置した状態になります。
      ↑フィクスしたカメラの切替
      マイケル
      マイケル
      ちなみに手振れを表現する機能としてVirtualCameraコンポーネントに「Noise」プロパティも用意されています。
      手で撮った自然感を出したい場合にはそちらの値をいじってみるとよいでしょう!
      エレキベア
      エレキベア
      そんな機能まであるクマか・・・

      トラッキング


      カメラを移動させて被写体を追従しながら撮影する技法。

      マイケル
      マイケル
      トラッキングは被写体を追従して撮影する技法のことです。
      先ほど作成した追従処理がこれにあたります。
      ↑トラッキング
      エレキベア
      エレキベア
      カメラマンも一緒に落ちてしまったクマ・・・

      ズームとドリー


      ズーム:カメラを固定して焦点距離を変えることで被写体の大きさを調整する技法。
      ドリー:カメラを移動して被写体の大きさを調整する技法。

      マイケル
      マイケル
      どちらも被写体の大きさを調整する技法になりますが、
      ズームはカメラを固定して焦点距離を変えるのに対し、
      ドリーはカメラ自身を移動して調整します。
      マイケル
      マイケル
      移動に関しては単純にtransformを変えるだけでよいですが、
      焦点距離に関してはVertical FOVのパラメータで調整します。
      ↑FOVの調整
      ↑ズーム
      ↑ドリー
      マイケル
      マイケル
      ドリーの方が実際に近づいている感があるのが分かるでしょうか?
      これはどのような絵にしたいかによって使い分けるようにしましょう!
      エレキベア
      エレキベア
      これは中々面白いクマね〜〜
      現実だと物理的に近づくドリーは中々難しそうクマ
      マイケル
      マイケル
      ライブ会場とかでカメラを見てみると、ロボットアーム等で物理的に動かしている様子が見えたりすることがあるよ!
      ちなみにドリーは映画等で用いる小型の台車のことを指すみたいですね・・・
      エレキベア
      エレキベア
      そこまでしても物理的に動かした方がよい場合があるのクマね

      パンとティルト


      パン:カメラを固定した状態で水平方向に回転させる技法。
      ティルト:カメラを固定した状態で垂直方向に回転させる技法。

      マイケル
      マイケル
      最後に、パンとティルトはカメラを固定した状態で回転させて撮影する技法のことです!
      水平方向がパン、垂直方向がティルトと覚えておけばよさそうです!
      マイケル
      マイケル
      VirutalCameraを直接回転させてもいいですが、
      VirtualCameraコンポーネントのAddExtensionから「Cinemachine Recomposer」という拡張機能を追加すると「Tilt」「Pan」といった値を直接いじれるようになります!
      ↑Cinemachine Recomposerを追加した状態
      ↑パンとティルト
      エレキベア
      エレキベア
      これもよくある撮影方法クマね

      おわりに

      マイケル
      マイケル
      というわけで今回はCinemachineの使い方とカメラワーク用語についてでした!
      どうだったかな??
      エレキベア
      エレキベア
      Cinemachineは聞いていた通り使いやすくて高機能だったクマ〜〜
      カメラワークの用語についても知れて楽しかったクマ〜〜〜
      マイケル
      マイケル
      使っていると何だか映画監督やカメラマンになった気分だね!
      自分のカメラが欲しくなってきたよ・・・
      マイケル
      マイケル
      次回はCinemachineでもう少し凝ったカメラワークを作ってみようと思います!
      それでは今日はこの辺で!アデュー!!
      エレキベア
      エレキベア
      次回もお楽しみにクマ〜〜〜〜〜〜

      【Unity】Cinemachineの基本操作とカメラワーク専門用語についてまとめる 〜完〜


      UnityCinemachineカメラワーク
      2022-07-31

      関連記事
      【Unity】Timeline × Excelでスライドショーを効率よく制作する
      2024-10-31
      【Unity】Boidsアルゴリズムを用いて魚の群集シミュレーションを実装する
      2024-05-28
      【Unity】GoでのランキングAPI実装とVPSへのデプロイ方法についてまとめる【Go言語】
      2024-04-14
      【Unity】第二回 Wwiseを使用したサウンド制御 〜インタラクティブミュージック編〜
      2024-03-30
      【Unity】第一回 Wwiseを使用したサウンド制御 〜基本動作編〜
      2024-03-30
      【Unity】第二回 CRI ADXを使用したサウンド制御 〜インタラクティブミュージック編〜
      2024-03-28
      【Unity】第一回 CRI ADXを使用したサウンド制御 〜基本動作、周波数解析編〜
      2024-03-28
      【Unity】サウンドミドルウェアに依存しない設計を考える【CRI ADX・Wwise】
      2024-03-27