電子書籍「はじめてのUber Eats入門講座」出版しました！

2017.04.29 2017.08.19 飯橋凛（いいはしりん）

意外と簡単だった！ Unityでゲームビューの様子を動画化する方法

Unityのゲームビュー内の動きを動画におさめたい！

どうも、Linです。枕最高。

Unityでゲームを作ったら、

ゲーム内の動きを動画におさめたくありませんか？

一旦動画に抑えめてしまえばこっちのもので、友達に自分が作ったゲームの様子を自慢できることはもちろん、いっときの思い出として一生保存することだってできます。

ぼくも、自作のUnityゲームである「VR English」を作成し、それを動画化することに成功してしまったのです。

今日は、その「Unityゲームビュー上の動画を保存する方法」を忘れないうちに書き留めておこうと思います。

なお、執筆にあたりこちらの2記事を参考にさせていただきました。

Unityのゲームビュー内の様子を動画に収める方法

Unityのゲームの様子を動画に収めたいときは次の３ステップを踏むといいですよ。

例として、ボールが枠の中を動く、という単純なゲームの様子を撮影してみました。

Step1. スクリプトをカメラにアタッチ

まず、メインカメラに「とあるスクリプト」をアタッチします。

とあるスクリプトとは、簡単にいうと、ゲームプレイの様子を細かい静止画で保存してくれるものでして、Githubでkenjiroさんという方が公開しています。

unity 動画　保存

using UnityEngine;
using System.Collections;

public class ScreenRecorder : MonoBehaviour
{
    public int framerate = 30;
    public int superSize;
    public bool autoRecord;

    int frameCount;
    bool recording;

    void Start ()
    {
        if (autoRecord) StartRecording ();
    }

    void StartRecording ()
    {
        System.IO.Directory.CreateDirectory ("Capture");
        Time.captureFramerate = framerate;
        frameCount = -1;
        recording = true;
    }

    void Update ()
    {
        if (recording)
        {
            if (Input.GetMouseButtonDown (0))
            {
                recording = false;
                enabled = false;
            }
            else
            {
                if (frameCount > 0)
                {
                    var name = "Capture/frame" + frameCount.ToString ("0000") + ".png";
                    Application.CaptureScreenshot (name, superSize);
                }

                frameCount++;

                if (frameCount > 0 && frameCount % 60 == 0)
                {
                    Debug.Log ((frameCount / 60).ToString() + " seconds elapsed.");
                }
            }
        }
    }

    void OnGUI ()
    {
        if (!recording && GUI.Button (new Rect (0, 0, 200, 50), "Start Recording"))
        {
            StartRecording ();
            Debug.Log ("Click Game View to stop recording.");
        }
    }
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

using UnityEngine;

using System.Collections;

public class ScreenRecorder : MonoBehaviour

{

public int framerate = 30;

public int superSize;

public bool autoRecord;

int frameCount;

bool recording;

void Start ()

{

if (autoRecord) StartRecording ();

}

void StartRecording ()

{

System.IO.Directory.CreateDirectory ("Capture");

Time.captureFramerate = framerate;

frameCount = -1;

recording = true;

}

void Update ()

{

if (recording)

{

if (Input.GetMouseButtonDown (0))

{

recording = false;

enabled = false;

}

else

{

if (frameCount > 0)

{

var name = "Capture/frame" + frameCount.ToString ("0000") + ".png";

Application.CaptureScreenshot (name, superSize);

}

frameCount++;

if (frameCount > 0 && frameCount % 60 == 0)

{

Debug.Log ((frameCount / 60).ToString() + " seconds elapsed.");

}

}

}

}

void OnGUI ()

{

if (!recording && GUI.Button (new Rect (0, 0, 200, 50), "Start Recording"))

{

StartRecording ();

Debug.Log ("Click Game View to stop recording.");

}

}

}

こちらのスクリプトをまずはメインカメラにアタッチしてしまいましょう。

Step2. AutoRecordにチェックを入れる

次は、メインカメラのインスペクタービューから、先ほどアタッチしたスクリプトのコンポーネントを探します。

コンポーネント内の「AutoRecord」にチェックを入れましょう。

unity 動画　保存

この欄にチェックを入れておけば、Unityのゲームが再生されると同時に、動画の撮影が開始されます。

と言っても、この時点でゲットできるのは、

大量のフレームごとの静止画。

ゲームフォルダの中の「Capture」というフォルダに数え切れぬほどの静止画が保存されているはずです。

unity 動画　保存

厳密に言えば、動画というわけではありません。

Step3. 大量の静止画フレーム画像から動画を作る

続いては、先ほど生成した大量の静止画からゲーム動画を作ります。

参考にさせていただいたブログではffmpgというソフトを使って動画を作成しているようでしたが、何度読んでもよくわからなかったので、

動画制作の王道Adobe Premiereを使わせていただきました。

Adobe Premiere Elements 15|ダウンロード版|Win対応

作成方法についてはこちらのAdobe公式サイトを参考にしました。

新規プロジェクトを作成して、ファイルから「読み込み」を選択します。

unity 動画　保存

ここでは、大量のフレーム画像を一挙に読み込みたい気持ちをぐっとこらえて、

1番最初のフレーム画像だけ読み取りましょう。

ポイントは、

「画像シーケンス」

にチェックを入れることです。

unity 動画　保存

画像の読み込みが完了したら、シーケンスに先ほど読み込んだ1つの画像ファイルをぶち込みます。

unity 動画　保存

すると、これだけで連番の画像を読み取ってくれるので、動画が完成しちゃってるのです！

https://gyazo.com/3613de5734fb729aa5ddc274a5d61dba

これで、あとはお好きな形の動画で出力すればオッケーです。

やりましたね！

Unityのゲームビューの動画保存方法もマスター

これでUnityのゲームビューの様子を動画に収めることに成功しましたね。

スクリプットをカメラにアタッチ
Auto Recordにチェック
静止画フレームから動画作成

の3ステップを踏んでみましょう。

きっと、イカしたUnityのゲーム動画ができるはずです笑

Unityをもっと勉強したい方にはTECHACADEMYのオンラインブートキャンプ Unityコースがおすすめです。

よかったら試してみてくださいね。

それでは！

Lin

飯橋凛（いいはしりん）

自称、学習系ブロガー。

学びを楽しくするために日々書いています。

このサイトでは、フリーランスで自由に生きるために役立つ情報を発信しています。

質問・ご意見・相談があればLINEまでどうぞ。

音生入力で楽にブログを書く技が満載！
ブログ音声入力術

音声入力の使い方から文章を書くコツまで完全網羅。ブログを書きたいすべての人向けの電子書籍

チェックする

コメントを残すコメントをキャンセル