Zoom ニュース番組風に登場してみた！ #Unity

ハロハロ！　ちゃんぴおんです！

近頃、オンライン上でのコミュニケーションや楽しみ方を模索しております！
ついつい、「ツッコミたいな〜！」、「おおっ！」と気になるバーチャル背景にしているだけでも場が和むことが多いなと感じます！

Adobe(Illustrator,Photoshop)をフルに活用してバーチャル背景を作成している方もたくさんいますね！

Unityでもちょっとした面白いことができるので紹介したいと思います！

Zoomの画面にUnityのGameビューを表示！

Unityで作ったシーンをZoomのカメラとして映すことができます！
1時間あれば実装できると想定していたのですが、Web仮想カメラのツール選定とZoomに映すための適切な手順を模索していると3時間以上かかってしまいました！
そこで、最速で体験できるtipsにすることが今回の目的です！

実際に作成した時の写真

手順 (準備)

その１：OBSをダウンロード

　URL：https://obsproject.com/ja

その２：プラグインをダウンロード

Zoomのカメラとして認識してもらうために、プラグインをダウンロードする必要があります。(obs-mac-virtualcam-5bf3231-v1.3.1pkg)
　URL：https://github.com/johnboiles/obs-mac-virtualcam/releases

その３：Unityでステージ作成

Assetストアからダウンロード、Blenderで開発したアセットを配置してステージを作成
自分の顔をGameObjectに写すために、Cubeを生成して6対4の大きさにする。

その４：スクリプトを作成

ScreenオブジェクトにPCのカメラを表示させるためのスクリプトを用意する。
名前は、WebCamera.csにしました。
このスクリプトをシーン上のオブジェクト(EventSystemなど)にドラック＆ドロップしてアタッチし、NoneになっているGameObjectの変数にScreenをアタッチする。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class WebCamera : MonoBehaviour
{

    public GameObject cube;
    WebCamTexture webCamTexture;  
    WebCamDevice[] webCamDevice; 
    int selectCamera = 0; 

    void Start()
    {
        webCamTexture = new WebCamTexture();
        webCamDevice = WebCamTexture.devices; 
        cube.GetComponent<MeshRenderer>().material.mainTexture = webCamTexture;
        webCamTexture.Play();

    }

    private void Update()
    {
        if (Input.GetKey(KeyCode.G))
        {
            Invoke("ChangeCamera",1);
        }
    }

    void ChangeCamera() 
    {
        int cameras = webCamDevice.Length; //カメラの個数
        if (cameras < 1) return; // カメラが1台しかなかったら実行せず終了

        selectCamera++;
        if (selectCamera >= cameras) selectCamera = 0;

        webCamTexture.Stop(); // カメラを停止
        webCamTexture = new WebCamTexture(webCamDevice[selectCamera].name); //カメラを変更
        cube.GetComponent<MeshRenderer>().material.mainTexture = webCamTexture;
        webCamTexture.Play(); // 別カメラを開始
    }
}

その５：Unityで確認

アプリの実行環境によって、カメラが複数台接続可能性があるので、表示させたいカメラに切り替える必要があります。今回は、Gボタンを押すとカメラが切り替わります。

自分の顔が表示されると成功です。

体験

ZoomでUnityの画面を表示させるためには、主に3つの流れになっています。
１、unityのエディタ上で、自分の顔を表示させておく。
２、OBSを起動して、表示する画面をUnityに選択する。
３、ZoomのカメラをOBS Visual Cameraに切り替える。

・Unity

Maximize on Playを選択後、実行ボタンを押してください。
カメラの画面が真っ黒の状態 or 青いOBSの画面の場合は、Gボタンを何度か押すと自分の表情が映るカメラに切り替わります。

・OBS

1、OBSのアプリを起動させる
２、上のタブにあるツールのStart Visual Cameraをクリック
　(プラグインを入れると追加されます)

３、シーンビューの＋を押して、名前をUnityにする
４、ソースビューの＋を押して、名前をUnityソースに変更する
５、Unityソースのプロパティを実行中のUnity画面にする
Unityが選択肢にない時は、
一度アプリを全て閉じる → Unityを再度起動　→ 実行 → OBSの順番でアプリを起動