*

Unity とPLATEAUでカッコいいアニメーション動画を作る

公開日: : PLATEAU, Unity

 

9月17日・18日福岡で開催されたハッカソン「PLATEAU Hack Challenge 2022 in Engineer Cafe」に参加しました。

 

この動画は最後の1時間くらいで急ピッチで作ったデモです。

※ロボットのモデルとモーションは、チームメイトの @Ngt14302434 さんが作成しました。素晴しいです。

 

 

この動画は、審査員の方々などから、「せっかくロボットのモデルやモーションが素晴しいのに動画がショボくてもったいない。背景やカメラワークがなってない」とのご指導を受けて(笑)、その日の夜は枕を涙で濡らしました。

その悔しい思いを翌日ぶつけて、半日かけて作った動画がこちらです。

 

この作り方を忘れないうちに、作成方法を備忘録として残します。

リファレンスとかマニュアルをあまり見ずに適当にやって結果的に動いた我流ですので、どこか無駄なところ、変なところがあったら教えてください。

 

動作確認済環境

・Windows 10 、Windows 11

・Unity 2021.3.4f1

 

まず

舞台を整えます。

68747470733a2f2f692e6779617a6f2e636f6d2f32366433653165633165663431636636313063633438343965653630373138612e6a7067

 

使用アセット

・ビルのデータ:国土交通省3D都市モデルPLATEAU

・地面のテクスチャ:国土地理院の衛星写真をスクショしたもの

・空のアセット:AllSky Free – 10 Sky / Skybox Set

 

※ちなみに国土地理院のデータは出典を明示することで利用可能です。
利用規約の詳細はこちらのリンクから
https://www.gsi.go.jp/kikakuchousei/kikakuchousei40182.html

 

 

舞台を整えたら、アニメーションがついたオブジェクトを配置します。
このロボットは、ハッカソンのチームメイト@Ngt14302434 さん作成の3Dモデルです。

かっこいい!!

68747470733a2f2f692e6779617a6f2e636f6d2f32373833636661353362663762373962623764363132303435386436623263652e706e67

 

アニメーションコントローラーを設定します。
Project > + > animator controller

5c794efbbb6af062560216ef0c689e18

 

Inspector の Animator コンポーネント のContoroller に先ほど設定したコントローラーを選択。

C38e38e5f9599ac79e02a4c955b82535

 

Cinemachine

Unity内でかっこいいカメラワークを実現するために、UnityにデフォルトでついてるパッケージCinemachineをインポートします。

Window > Package Manager > Packages:Unity Registry

Install

F87fdd4d0a43057b87ea34fbc29ac0b8

 

カメラの位置を考えます。

Look At は、カメラの位置は固定だが、向きが対象を追従
Follow は、カメラの位置が対象を追従

で、最終系は以下の画像にように4つのカメラを配置しました。
といいながら、実は考え抜かれたカメラ位置ではなくて、なんか適当にカメラを置いたら、なんかいい感じになったのだけですが。

50844acd5b51f93746caafb79b088bf2

 

実際にカメラをセットします。
Hierarchy > + > cinemachine > virtual camera
いろんなカメラがありますが、よく分かってないので今回はこのVirtual Cameraだけ使用しました。

B3fb3223956757d9a22528d435d0d2bd

 

Hierarchy の Main camera に赤いマークが付き、
Main CameraのInspector に Cinemachine コンポーネントが付きます。

HIerarchy にバーチャルカメラが置かれます。

0d6c0bd2d4322f0a69a251758f56e9b0

 

今回のケースでは4つのバーチャルカメラを設置しました。
各カメラの Inspector の Cinemachine コンポーネントで、追従について設定します。

先ほどと同じことを繰り返しますが、追従の種類は以下

Look At :カメラの位置は固定だが、向きが対象を追従
Follow :カメラの位置が対象を追従

C2458c41cad9d8f3e3d0843649806d79

 

タイムライン

Projectウィンドウで
右クリック  > Create > Timeline

Timelineのアイコンが現れ、それを Hierarchy ウインドウへドラッグ&ドロップ

A0cccdd7897eadc652ab7e8cf665b330

 

Hierarchy にTimelineがインスタンスが作成され、Inspector には Playable Director コンポネントができます。

4a8d43a29c5e5203481f0ce8043374a1

 

Project のTimelineアイコンをダブルクリックすると、

151c540a10a3f7bb42d3f42b33a9bdab

 

私はこれでは作業しにくいので、Timelineのタブをドラッグして、下に移動させてます。(個人の趣味の問題)

E37c14e111493376c14262b36aaca064

 

Hierarchy の動かしたいオブジェクトをドラッグして、Timeline へドロップし、「Add AnimatinTrack」をクリック、
動画編集ソフトのタイムラインのようなものが現れます。

91fd4161521073f4a01d1064530d5e90

 

タイムライン上で右クリック > Add From Animation Clip
アニメーションを選びます。

5d16bb9d2fa0fca3aab462e1d821a7d4

 

Main Cameraをドラッグして、Timeline へドロップし、「Add CinemachineTrack」をクリック。

5cc46335da3f563ac276c3374d387d96

 

あとは、Hierarchy のバーチャルカメラをタイムラインにドラッグ&ドロップして、動画編集ソフトみたいに編集するだけです。

Ede395fd9b8b1307e6ad6ed5cbc14d7c

 

 

 

録画(動画ファイル作成)

冒頭の動画は、Windowsキー + G で画面撮影して、動画編集ソフトで編集しました。

 

手っ取り早いのは、Unity標準の Recorder を使うという手がありますので、そのやり方を以下に綴ります。

ただ、私の設定が悪いのか、本件のようにロボットの速い動きにはついていかずカクカクしてしまいます。

 

まず、Recorderをインポートするため、

Window > Packager Manager

Resistry から Recorder をインポート。

671bfea5743da3a231ab5173818ed4f4

 

Timeline > + > UnityEditor.Recorder.Timeline > RecorderTrack 

Ccd3c2843f3304c5921e58f2c30cafa5

 

追加した Render Track を右クリックし、 Add Recorder Clip を選択 

2678f468ba829c78b2b3e627d3a93eb7

 

TimeLine に RecorderClip が現れ、クリックするとInspectorウィンドウが現れます。 

D79e99aea8646022e6aff338a4de3a56

 

RecorderClip の長さを調整して、Playボタンで再生開始すると、自動的に録画されます。 

7e6e985e7bf2d9e0243570cec6b231bd

 

動画ファイルは、Inspector ウィンドウのOutput File に直リンクがあります。 

C7034618ab84ef1f3ab4b8a7d4e636d5

 

 

なお、Windows10 ではエラーはでませんが、
なぜかWindows11 の場合、以下のようにエラーがたくさん出ます。
動画ファイルはちゃんとできているのですが気持ち悪いです。
原因不明なので、解決法ご存じの方はご教授願います。

54280d9dd5bab6add9fc0e404e355e57

 

以上です。

ad

    この記事が気に入りましたら、ぜひTwitter、facebookボタンをお願いします。
    ブログを書くモチベーションになります。よろしくお願いします。

  • このエントリーをはてなブックマークに追加
この記事が良かったらビットコインで寄付をお願いします。
ビットコイン投げ銭ウィジェット



関連記事

リアルアバターを改良しよう(その1:まばたき)

    最近リアルアバターをよく見るようになりました。   しかし、リアルアバターを作ったはいいけ

記事を読む

『PLATEAU』の都市3DデータをバーチャルSNS『cluster』にアップロードしてみた

国土交通省が主導するプロジェクト『PLATEAU』 に福山市のデータが公開されたと知り、さっそく

記事を読む

ある日突然Unity Hub の画面が真っ黒でうんともすんとも言わなくなった

  環境: ・Macbook PRO(2021)・macOS Monterey・UnityHub バ

記事を読む

Unity の背景色を変えたい

何度も忘れるので、備忘録に。   Unityのウィンドウの背景色は、黒(画像左)と灰色(画像右)があ

記事を読む

【Unity 備忘録】オブジェクト(FBX,OBJ)にテクスチャを貼り付ける

  FBXやOBJのオブジェクトをUnityに張り付けると、 真っ白。 (当たり前だけど)    

記事を読む

ad

Message

メールアドレスが公開されることはありません。

ad

2025年Tatsuya’s Blog 年間アクセスランキング

2025年最後のブログは、毎年恒例の 「Tatsuya’s blog

Tatsuyaの2025年劇場映画ベスト3

  今年を振り返る自己満足企画「個人的映画ベスト3」です。 2010

『羅小黒戦記2』を観た

2025年12月28日 今はネットでいつでもたくさん映画を観ることがで

アリ・アスター監督の新作『エディントンへようこそ』を観た。

2025年12月28日アリ・アスター監督の新作『エディントンへようこそ

『ズートピア2』を観た。

『ズートピア2』を観た。前作と同じく道徳の押し付けではなく楽しみながら

→もっと見る

PAGE TOP ↑