Help us understand the problem. What is going on with this article?

MMD形式キャラクターモデルの表情・頭・位置をウェブカメラで動かす

More than 1 year has passed since last update.

概要

こんな感じに3Dのキャラクターモデルをウェブカメラで動かします。
この記事は作成済みのUnityProjectにMMD形式のモデルを追加する手順になります。

準備

カメラ

ウェブカメラが必要です。
投稿者使用例:BSWHD06MBK / C270 / SR300
IMG_20170723_171748.jpg

Unity 2017.1.0f3

https://store.unity.com/ja/download?ref=personal
ダウンロードしてインストールします。
※ユーザー登録が必要です。

RealSenseSDK 2016R3(coreとface)

https://software.intel.com/en-us/intel-realsense-sdk/download
ダウンロードしてインストールします。
rs1.png
rs2.png
※ユーザー登録が必要です。
※結構面倒です。要点だけ挙げます。
・Download的なリンクからユーザー登録ページに行って登録を済ませます。
・ページ上部にある「FREE Download」よりも若干下にある「SDK Components Download」の「Essentials」と「Face Tracking & Recognition」のリンクから入手した方が分かりやすいと思います。
・ページが大幅に変更されていた場合は……、頑張ってください!
※FaceをインストールするとCore(Essentials)も自動でインストールされるようです。


※注意※
ここで使っているRealSenseSDKの更新は停止しました。
現在Intelから通常ルートで入手できるものは別物です。
それでも使いたい方は以下から今の所DLできるみたいです。(2018/02/14)

https://www.intel.co.jp/content/www/jp/ja/support/articles/000023988/emerging-technologies/intel-realsense-technology.html

MMD4Mecanim

http://stereoarts.jp/
ダウンロードして置いておきます。
公開ページの「解説」にある「チュートリアル(基本編)」をやっておきましょう。
※規約やライセンスについて良く読みましょう。

CharWebCam

https://github.com/xelloss120/CharWebCam
投稿者が作ったものです。
git.png
「Clone or download」から「Download ZIP」でダウンロードします。
最初からUnityちゃん版が入っているので、動くことを確認してみましょう。
.\CharWebCam-master\CharWebCam-master\Assets\Scene.unity
から開けます。

MMDモデルの追加

CharWebCamのProjectを開いて、MMD4Mecanimを追加します。
動かしたいモデルを追加します。(今回はプロ生ちゃんです。)
MMD4Mecanimで変換して、Sceneに追加します。
dd.png

MMD向けスクリプトの追加

.\CharWebCam-master\CharWebCam-master\MMD_Sample\
に入っている2つのファイル(スクリプト)をどこでもいいのでUnityへ追加します。
mmdsample.png

MMD向けスクリプトの適用

追加したスクリプトをプロ生ちゃんに追加します。
追加されると、右側に追加された内容が表示されます。
scriptadd.png
※ここでAudio Sourceを追加しておきましょう。

オブジェクトの割り当て

SceneにあるCanvasの中のTextとDetectedValueと、
.\CharWebCam-master\CharWebCam-master\Assets\CharWebCam\RGBMaterialを
画像のように割り当てます。
objadd.png

キャラクターモデルの割り当て

上記と同様にプロ生ちゃんの体と頭を画像のように割り当てます。
charadd2.png

位置合わせ

プロ生ちゃんの位置を以下のように設定します。
transform.png

Unityちゃんを非表示

Unityちゃんを非表示にします。
unitychandisable.png

実行確認

※ここで必ず保存してください。
再生ボタンorCtrl+Pで実行してみてください。
以下のような画面でキャラクターが動けば成功です。
※停止はもう一度再生ボタンorCtrl+Pです。
sample.png
口を動かす場合は、音声入力させるデバイスを数字キーで選択してください。
右端は位置と表情の検出値です。
右下はカメラの映像です。
一応マウスのドラッグ操作でカメラの位置と角度が変更できます。
表示されている文字はESCキーで消せます。

注意

※実行を停止するタイミングでUnityがクラッシュする不具合があります。
※左上にデバイス一覧が正しく表示されない。または選択しても口が動かない場合は、デバイス名を全て半角英数字に変更してWindowsを再起動してみてください。

調整

名前の通り、今回使用したスクリプトは特定のモデル向けのものです。
動かしたいモデルによってはそのまま使えません。というか、多くの場合そのまま使えないと思います。
主に以下のファイルを変更するなどして対応してもらえればと思います。
.\CharWebCam-master\CharWebCam-master\MMD_Sample\RS_Kotonoha.cs

using UnityEngine;

public class RS_Kotonoha : RealSense
{
    public GameObject Body;
    public GameObject Head;
    public GameObject EyeL;
    public GameObject EyeR;

    // モーフ取得のため
    MMD4MecanimModel Model;

    void Start()
    {
        EyesPosX = 20;
        EyesPosY = 7;
        BodyPosYOffset = Body.transform.position.y;

        Init();

        // 初期表情
        Model = GetComponent<MMD4MecanimModel>();
        Model.GetMorph("じと目").weight = 0.7f;
        Model.GetMorph("眼球縮小").weight = 0.2f;
    }

    void Update()
    {
        // 値が揃ってから参照
        if (!Ready)
        {
            return;
        }

        // 各パラメータ表示
        UpdateParamText();

        // 体移動
        Body.transform.position = BodyPos;

        // 頭向き
        Head.transform.localEulerAngles = new Vector3(-HeadAng.z, -HeadAng.x, HeadAng.y);

        // 視線
        Vector3 eyesAng = new Vector3(EyesPos.y, EyesPos.x, 0);
        EyeL.GetComponent<MMD4MecanimBone>().userEulerAngles = eyesAng;
        EyeR.GetComponent<MMD4MecanimBone>().userEulerAngles = eyesAng;

        // 目パチ
        Model.GetMorph("まばたき").weight = EyesClose / 100;

        // 眉上
        Model.GetMorph("上").weight = BrowRai / 100;

        // 眉下
        Model.GetMorph("下").weight = BrowLow / 100;
        Model.GetMorph("困る").weight = BrowLow / 100;
        Model.GetMorph("上まぶた閉").weight = BrowLow / 100;

        // 笑顔
        Model.GetMorph("まばたき3").weight = Smile / 100;
        Model.GetMorph("笑い").weight = Smile / 100;

        // キス
        Model.GetMorph("眼球縮小").weight = Kiss * 0.02f + 0.2f;

        // 表情競合対策
        if (Smile > 10 || BrowLow > 10)
        {
            Model.GetMorph("まばたき").weight = 0;
        }
        if(Smile > BrowLow / 2 || Kiss > BrowLow / 2)
        {
            Model.GetMorph("下").weight = 0;
            Model.GetMorph("上まぶた閉").weight = 0;
        }
        float ret = Mathf.Max(EyesClose, Mathf.Max(Smile, Mathf.Max(BrowRai, BrowLow)));
        Model.GetMorph("じと目").weight = 0.7f - (ret * 0.007f);
    }
}

要点としては、
見当違いな動きをする場合はXYZを入れ替える。
若干不自然な向きや表情の場合は末尾の値を調整する。
といった所です。

表情についてはモーフの登録名などが違ったりするので、サンプルを見ながらモデル毎の対応が必要です。

MMDで言う所の物理に関しては、方法が色々あるため、この機会に調べてみると良いと思います。

参考

http://www.naturalsoftware.jp/entry/2014/10/21/071006
https://software.intel.com/sites/landingpage/realsense/camera-sdk/v2016r3/documentation/html/index.html?doc_devguide_introduction.html
http://tsubakit1.hateblo.jp/entry/2014/11/08/233000

nise_aoi
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした