英語だらけのUnity映像制作チュートリアルをまとめる！（前編）


# 概要
unityで映像制作する際のチュートリアル的な動画として、以下のサイトがあったのだが、全て英語のため、自分なりに解釈を加えて記録していく。


https://unity.com/ja/how-to/create-your-first-animated-short


# 注意点
本チュートリアルは、元々用意されているモデル、3Dアセットなどを用意して作ることを前提として進んでいくため、0からの初心者が試しで行うにはかなり難しい。全くの未経験であるなら、以下のチュートリアルを試す方が勉強になると思う。

https://learn.unity.com/course/real-time-animated-storytelling-jp?uv=2019.4

# Episode1 Project overview

ロボットの動画をみせられて、英語で何か会話をする。おそらく、Unityで映像制作するメリットを語っていると思われる。とくに省略して良い。

# Episode2 Getting Started

Unity自体をダウンロードするところから始まる。注釈にもあるが、すでにUnityを持っている場合は不要。
```txt:注釈
In this episode, Nate and Marc will show you how to install the Unity Hub and Editor (2022.1), as well as explaining a little more about real-time tools.
Already have Unity installed? Skip to Episode 3.
```

# Episode3 Preparing assets in an asset creation tool

最初のデモで魅せられた大きなロボットについての説明がされていた。Mayaなどから持ってきていると言っているが、
特にサンプルモデルなどが用意されているわけではない。
こんなボーンとかしっかりしているモデルを最初に用意するのが大変だと、個人的には思う。


# Episode 4: Setting up a project in Unity

ここから、実際に操作が入ってくる。
Unity3dのHDRPのプロジェクトを起動している。
*自分は、`unity 2022.3.9f1`の、`3DURP`のプロジェクトで起動した。

その後、PackageManagerから、`Chinematic Studio`をインストールする。

![スクリーンショット 2023-09-18 10.19.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/2938380b-d3a3-71df-02c4-530fd3d884dc.png)
![スクリーンショット 2023-09-18 10.20.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/92a01f6d-41b2-9684-6bb0-3f14f5b83ac9.png)

また、ライブキャプチャをするために、`Live Capture`というのをインストールする。
![スクリーンショット 2023-09-18 10.24.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/93d5cc0f-a140-31ad-8428-7f36bc052e0f.png)

また、LiveCaptureとは何かみたいなことを語っている。Iphoneとかで撮影した動画をUnityに持ってくるみたいなことを言っているっぽい。

iphoneもしくは、Ipadで、以下のアプリをインストールしてほしいと言われる。

https://apps.apple.com/jp/app/unity-virtual-camera/id1478175507

また、その後プロジェクトに戻る。HDRPでは、
- Directional Lightを`Sun`
- Global Volumeを`Sky and Fog Volume`
とよんでいるらしい。また、SceneViewとGameViewの見方を説明しているようにミエル。

また、TimeLineを入れ忘れていたので、TimeLineを入れる。

![スクリーンショット 2023-09-18 10.33.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/044aa2f2-afcb-1882-d825-a651adac97b6.png)

また、できたタイムラインを下の方にドラッグして画面を調整するということを言っている。

![スクリーンショット 2023-09-18 10.34.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/1db4bfb4-e85a-eb0b-64f4-a1f8a13dfb3a.png)

また、TimeLineと同じタブのところから、　`Sequence`と、`Sequence Assembly`を追加させる。
これも、下部分の箇所に入れ込む。
![スクリーンショット 2023-09-18 10.38.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/310b0d2e-1f55-a5a1-0354-0448874ed830.png)

最後にInspectorの説明をしている。

# Ep5 Importing assets and blocking out a scene
4分あたりまではは完全にmayaの説明。MayaからUnityへ素体を持ってくる場合の説明。
4分から、TimeLineを作っている。
Create_Emptyで適当に名前を作って、それを選択した状態でTimeLineのCreateを押す。

![スクリーンショット 2023-09-18 10.46.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/ee8dbbf9-2889-54d5-41f4-a5f972ed2cf9.png)
![スクリーンショット 2023-09-18 10.46.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/ab94524a-e781-0269-d4f8-dd91c525dd24.png)

また、timeLineの鍵部分をクリックして、別の箇所をさわってもタブが変更されないようにする。
![スクリーンショット 2023-09-18 10.49.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/fccfeb93-d14c-d4fd-1ffe-a0eb19754ac9.png)

その後、TimeLine上で右クリックし、`Animation Track`を作成する。
![スクリーンショット 2023-09-18 10.51.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/607ccddf-f4bf-d837-a366-1dcaa43365a7.png)
その後、モデルを`None Animator`のところにDrag&Dropするのだが、モデルがあるわけがない。

しょうがないから、UnityちゃんのURPモデルをダウンロードする。

https://unity-chan.com/

以下のモデルをダウンロードした。
![スクリーンショット 2023-09-18 10.56.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/138638be-ba3a-6bf0-5af7-94d3ab5859bb.png)

二次創作として使う場合は、以下のライセンスを忘れずに。
![スクリーンショット 2023-09-18 10.57.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/52634504-74de-77ea-5bbc-1eb3849ea86c.png)

自分のプロジェクトに持っていきたいため、以下の`自分のプロジェクトにユニティちゃんをインポートする`の手順を踏む。そのために、一旦さきほどまで開いていたプロジェクトを閉じ、ダウンロードしたUnityちゃんのシーンを開く。

https://raspberly.hateblo.jp/entry/UnityChanSSU_URP

Windowの、ExportPackageから、
- Model
- Prefabs
- Shader
を選択してExport。名前は`URP_UnityChan_model`とでもしておく。

![スクリーンショット 2023-09-18 11.18.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/a2010f97-1522-7187-708d-ff241c93e22f.png)

少し待つと、以下のようにパッケージができる。
![スクリーンショット 2023-09-18 11.20.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/790ec156-5a2f-ef7d-da0f-c2d7895e844c.png)

その後、`/UnityChanSSU_URP~~/Package/`の中にある`UnityChanSpringBone-release-1.1`をコピーし、インポート予定のPackeageフォルダの中にいれる。
*参考もとでは、`Universal Toon Shader for URP`も必要とあったが、今回は元々なかった。
![スクリーンショット 2023-09-18 11.23.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/d051ae62-0357-edad-4bfd-0489644574aa.png)


そして、元のシーンに戻り、Assetの中のImport Packageを選択し、さきほどExportしたUnityちゃんのパッケージを読み込む。
![スクリーンショット 2023-09-18 11.33.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/231a2990-29dd-74f0-e7f9-6178af9c860c.png)
![スクリーンショット 2023-09-18 11.33.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/730fb050-3fab-4dfd-853e-b8cef8ddbce6.png)

そこからみると、Unityちゃんはピンク色。
![スクリーンショット 2023-09-18 11.37.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/525979e3-c506-7433-f633-212c1b8ae1b1.png)
これは、`Toon Shader`がないからだ。（Unityちゃんのモデル側の問題）
以下の方法を試してみることで、一応色はついてくれた。

https://blog.14nigo.net/2023/03/fixpinkunitychan.html

![スクリーンショット 2023-09-18 11.51.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/0b3bec2d-c425-1b63-caeb-c3ffd4ea1516.png)

もしかしたら、以下サイトからDLしたものをPackageに置くことでもうまく起動してくれるのかもしれない。

https://github.com/unity3d-jp/UnityChanToonShaderVer2_Project/releases/tag/urp-2.5.1

その後、UnityちゃんのPrefabをTimeLineの`None`の中に入れる。

![スクリーンショット 2023-09-18 22.08.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/3be4c662-0a58-c4f5-fb51-d20c335b90f6.png)

さらにこの段階ですでに、アニメーションもすでに作られている。
アニメーションも作らなければならないのか。。
やってたことは以下の通り。
1.アニメーションを選択して、`Anim_Compression`を`KeyFrame Reduction`から`OFF`にする。理由も説明していたとは思うが、ここでは理解できなかった。
2.そのアニメーションを、TimeLineにDrag&Dropする。

なので、モーションを準備する。もしかしたら先ほどDLさせようとしたIOSのアプリでいけるのかもしれないが、今回はMixAmoというサイトからDLする。

https://www.mixamo.com/#/?genres=Dance&page=1

`DOWNLOAD`を押し、以下の設定にしてDLする。

![スクリーンショット 2023-09-18 22.31.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/08e0c688-44ae-4479-78ce-728139b2e086.png)

ダウンロードしたら、プロジェクトファイル内のわかりやすい場所にD&Dする。

![スクリーンショット 2023-09-18 22.36.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/da79d28a-fa8b-0825-4b3f-097c34ad5466.png)
![スクリーンショット 2023-09-18 22.36.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/425bf060-3f0d-63e7-6bc1-229a5f68cfad.png)

その後、Rig タブを選択し、`Animation Type`を `"Humanoid`に変更後、Applyを押して反映させる。

![スクリーンショット 2023-09-18 22.38.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/7d7cb195-ce59-3414-5da5-312522b18d2a.png)

その後、アニメーションファイルをユニティチャンにD&Dさせる。
![スクリーンショット 2023-09-18 22.48.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/091a2391-e452-95e4-cccc-e8ae33897e58.png)

この状態でゲームをプレイさせると、新たにモーションが作成され、ユニティチャンが踊り始める。とりあえず、一旦ここのControllerの部分は`None`にしておく。あとでTimelineを使っておどらせるので。
![スクリーンショット 2023-09-18 22.50.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/609bd9bb-88db-6e71-9dbe-a631203e5074.png)

とまあ、とりあえずここまでで、仮置きのモーションは用意することができた。
さきほどのアニメーションを、Timeline上にD&Dさせる。これで、タイムラインのバーを移動させると、
Unityちゃんが踊っているのを確認できる。

![スクリーンショット 2023-09-18 22.55.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/8aa0a71a-3a93-3441-a7c6-c036fc7e763d.png)

また、先ほどドロップしたアニメーションファイルは、Renameすることもできるとのこと。自分の環境ではとりあえず変更しない。

timeLineの右上の歯車で、比較する時間の表記法を変えることができる。画像だと1つの大きな線の間が秒である。
![スクリーンショット 2023-09-20 22.36.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/d0f0d425-c929-5d4a-2af9-64bf98a1ca78.png)
FPSにすると、設定を60fpsにしているため、1つの大きな線の間は60フレーム表示になる。
![スクリーンショット 2023-09-20 22.38.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/cca11013-3463-fed9-4486-8a993f307e73.png)

そこから、3DオブジェクトのPlaneやCubeを作って、障害物っぽく作っている。
さらにチュートリアルの映像では、すでに用意されているビルなどを並べてそれっぽくしている。
さらに、すでに用意されているマテリアルを床に適応させ、地面の色を出している。

以下のようなサイトから探すのもありだろうが、今は一旦置いておく。

https://edunity.hatenablog.com/entry/20200315/1584255189

# Ep6 Setting up a timeline with Sequences

ここでは、タイムラインの作り方を教えてくれるらしい。ここの講座は30分近くあるので、時間配分には注意が必要だ。

まず、空のGameObjectを作成し、`ENV`と命名する。
![スクリーンショット 2023-09-23 22.03.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/84467130-43fe-d40a-a4be-f6a46f05fe19.png)

なお、Positionはx,y,zを0にしておくこと。
![スクリーンショット 2023-09-23 22.04.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/db15c51d-286a-0d6c-5dd5-6c9898711e4e.png)


障害物などとなっているオブジェクトを、ENVの子供にする。
これにより、障害物がある状態とない状態でキャラクターを見やすくするらしい。
![スクリーンショット 2023-09-23 22.05.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/51c85ffb-089d-da0a-9691-8933a79f9b3b.png)

そして、Packagemanagerから持ってきていた`Sequence`を使う。

+から、`Create Master Sequence`を押す。

![スクリーンショット 2023-09-23 22.09.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/725cccdc-e961-72b3-4afb-e48d25b001cc.png)

その後、さきほど作ったマスターシーケンスで右クリックして、`Create Sequence`を押す。
![スクリーンショット 2023-09-23 22.11.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/df39b3de-8ed7-dbb4-c132-e954e40ffae5.png)

すると、以下のような形でTimeline上にシーケンスが現れるのを確認できる。
![スクリーンショット 2023-09-23 22.14.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/38f96bbf-a68b-3382-a950-94bf266c7d2d.png)

また、さっきと同じように　`Create Sequence`を押し、shot2を作成する。
なお、この状態でシークバーを動かしてもとくに動作はない。

その後、最初作ったシーケンスをクリックして、Assemblyのタブを開く。
![スクリーンショット 2023-09-23 22.19.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/81dce90b-c29a-0101-f817-628ca0729cf3.png)

Charactorから、`Create Sequence Asset`を押す。
![スクリーンショット 2023-09-23 22.20.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/78ca42f2-dc90-af01-8d48-a22ab3a29929.png)


その後、タイムラインないのCharactorAssetの水色の部分をクリック。
![スクリーンショット 2023-09-23 22.26.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/7933d2a7-853a-d4f8-971b-bb2d4d79e12a.png)
その後、UnityChanのモデルをタイムライン上にD&Dする。
その際、`Add animation track`を選択する。
![スクリーンショット 2023-09-23 22.28.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/0629ae54-0029-d935-44e7-4152c6444ea1.png)

そしてそこに、先ほどアニメーションで使用したダンスモーションをドラッグする。
![スクリーンショット 2023-09-23 22.29.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/9bf8c650-a1ee-a1e0-90db-586dc07a2696.png)

この状態でタイムラインを見てみると、Dance_Movie（2秒のところ）までは踊っているがShot2
では踊らない。

これによる利点は、Sequenceによってショットを使い分けることが可能になるとのこと。
例えば、ショット1（はじめのカメラ）では何秒動かし、その位置でのカメラをどう配置するかとか、ショット2ではもう少し長くするみたいなことを指定できる。
![スクリーンショット 2023-09-23 22.37.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/28ae0f60-3dc3-2ca9-6658-b3e68ed37148.png)

次に、`PhotoGraphy`の`Create Sequence Asset`を押す。そして、タイムライン上でダブルクリックしてSequence内の設定に入る。
![スクリーンショット 2023-09-23 22.40.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/f6d30968-061c-eefd-0ab0-c46591e73666.png)

その後、`ChinemachineTrack`を選び、`main Camera`をD&Dする。そして、`Create Chinemachine on Main Camera`を選択する。
![スクリーンショット 2023-09-23 22.46.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/6d71565c-12b4-75d8-b253-90a2e97eeacf.png)
そして、timeLine上で`Add Chinemachine Shot`を選択
![スクリーンショット 2023-09-23 22.51.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/1fd4935a-2bb8-6552-750f-c0b03574587c.png)

Inspectorの中にある、　VirtualCameraを選んで、Createをオス。
すると、新たにVirtualCameraが作成されるのを確認できる。
![スクリーンショット 2023-09-23 22.56.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/e6f0c7be-98d6-9541-f0a4-805975feb6c8.png)
![スクリーンショット 2023-09-23 22.56.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1288524/f93aaed6-3225-775d-c479-66d8fc75d534.png)

うまく位置を調整して、好みの画角に合わせよう。

その後、Shot2でも同じようにPhotographyAssetを追加して、ChinemachineShotを作る。

その後のチュートリアルでは、車のオブジェクトを出して、それに追従する形でChinemachineを追加している。

その後、車にアニメーションをつけて、車が通りかかるところと、ロボットが側転するところを
合わせられるようにしている。

こうなるんだったら、mixamoから走るアニメと側転するアニメをもってくればよかったな。。


スクショの用意などが多く、ページの大きさも限界のため、いったん今回はこれで終わりにする。
次回からはEp7を進めていきたい。


# 参考サイト

知見のために。

https://note.com/suzuumi/n/n7e61af0e4c93

https://learning.unity3d.jp/694/

日本語の文章がしっかりあるチュートリアルならこれ。時間がかかるけど。

https://learn.unity.com/course/real-time-animated-storytelling-jp?uv=2019.4

MMDみたいなダンス動画を作るには。

https://konichallengelog.com/unity_mv_what/