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

MS の Emotion API を使って Unity 上にインタラクティブいちゃいちゃギャルゲーを作ろう

More than 3 years have passed since last update.

未来のゲームに Microsoft のテクノロジーはどういう風に貢献できるのだろうかと妄想を膨らませてみたところ、人間の認知機能を機械に持たせることが出来る Cognitive Services の API を使えば、ゲームはもっとインタラクティブに、より Real と Virtual の間の壁を壊してくれるのではないかと考え、「インタラクティブいちゃいちゃギャルゲー」というものを実際に実装し、国内最大規模のゲーム開発者向け技術カンファレンスの CEDEC のこちらのセッションでデモさせていただきました。
この記事では、そのデモの要素技術となる Emotion API や、妄想の産物「インタラクティブいちゃいちゃギャルゲー」とは何たるや、そしてどのようにして実装したのかをご紹介できればと思います。
この記事を通して、たった数行のコードでゲーム上のキャラに感情を理解する力を宿すことができるんだということが伝わり、ぜひ実際のゲームに取り入れていただければと思います。

そもそも、Emotion APIって何?

Microsoft が出している、REST で画像を投げると JSON 形式で画像を分析した結果を返してくれる API サービスのことです。
画像に写る人の顔位置を特定し、その表情に含まれる喜び、驚き、悲しみ、怒り、恐れ、嫌悪、軽蔑、中立の 8 つの感情を認識し、合計を 1 としてどの感情がどれだけ含まれているかを割合で返してくれます。

image
(公式ページ参照)

こちらの例では 2 人の顔の位置がしっかり特定され、右側の人の感情が Surprise 99.6%として推定されていることが分かります。

image
(公式ページ参照)

続いての例では右の人が Happiness 92.8% として推定されています。(左の人は Happniess 99.98% でした)
この結果から人間の直感に合った感情推定が精度よく行えていることが分かります。

インタラクティブいちゃいちゃギャルゲーとは

説明しよう。どんな妄想だったのかを。
ゲーム内のキャラが自分の表情を読み取って、例えば元気のない顔をしていたら「元気ないね、どうしたの?」と話しかけてくれたり、
楽しそうな顔をしていたら「一緒にいると楽しいね」と話しかけてくれたりしたら非常にうれしい気持ちになるんじゃないのか?
画面上での操作で閉じていたギャルゲーがリアルタイムで自分の気持ちを読み取って、インタラクティブに話しあえたらどんなに面白いんだろう?
そんなコンセプトを形にしたものが「インタラクティブいちゃいちゃギャルゲー」です。
構成図はこのようになります。
スマホや PC 等のデバイスのカメラからアプリが表情をチェックして、それを Emotion API に投げ、表情分析結果から一番強い感情に対しての反応(声やセリフ、表情)をキャラが返してくれるというものになります。

image

ただ自分は絵心がなさすぎるので、自分の絵には誰も感情移入してくれないだろうと思い、デモ作成の際には、弊社エバンジェリストのちょまどさんにサポートしていただき、はしれ!コード学園の登場人物であるC#ちゃんを派遣していただきました。(詳しくは 漫画家兼エバンジェリストちょまどさんの応援 の項で)

そうしてできたデモの完成プレイ画面はこのようになりました。
image
本来であれば、カメラからの表情を常にキャラがチェックしてくれた方がいいと思いますが、デモ用に自分のタイミングで画像を送るようにしていて、送った画像を右下に表示しています。

早速試してみましょう!
笑顔を見せるとこんなセリフと表情を返してくれます。
自分に合った表情(笑顔)を返してくれているところに注目です。
image

驚いた顔を見せるとこんなセリフと表情を返してくれます。(場面はセリフに合うように別で切り替えています)
image

今度は場面を切り替え家の中へ、
怒った顔を見せるとこんな反応をくれます。一体裏側にどんなストーリーがあったのでしょうか。
image

ただ、笑顔を見せるとこうなります。
image
ざるですね。(自分の実装がワンパターンなだけ)

ちなみに中立(無表情)を見せると、こういう風に返すように作っています。
image

どうやって実装したの?

Unity なので、C# による実装です。
Python2 系, Python3系, Java, JavaScript, Objective-C, PHP, Rubyの実装サンプルはこちらの下部に載っています。

自分の画像から表情を読み取りそれに合わせた表情とセリフをセットしているのを以下のコードで実装しています。
以下のコードからたった6行のコードで表情からの感情推定が完了していることが分かります。

EmotionAPI使用部分
using UnityEngine;
using System.Collections;
using System.Collections.Generic;
using UnityEngine.UI;
using System;
using Newtonsoft.Json.Linq;

IEnumerator WaitForRes(byte[] bytes)
{
    // ↓ Emotion API使用部分
    string url = "https://api.projectoxford.ai/emotion/v1.0/recognize";

    // リクエストヘッダー
    Dictionary<string, string> header = new Dictionary<string, string>();
    header.Add("Content-Type", "application/octet-stream");
    header.Add("Ocp-Apim-Subscription-Key", "Your Key");

    // リクエストする
    WWW www = new WWW(url, bytes, header);

    // 非同期なのでレスポンスを待つ
    yield return www;

    // ↑ Emotion  API使用部分

    if (www.error == null)
    {
      // JSON の中身をパース
        var emotionJsonArray = JArray.Parse(www.text);
        //今回は顔が一人分だけ写っていると仮定し0番目を取り出す
        JObject scores = (JObject) emotionJsonArray[0]["scores"];

    //取れたスコアに基づき最も強かった感情をstringで返す
        string emotion = getEmotion(scores);

    //キャラクターにその感情にあった表情をさせる
        Girl g = girl.GetComponent<Girl>();
        g.SetFace(emotion);
    }
}

JSONから最も強かった感情をstringで返す関数
using Newtonsoft.Json.Linq;

public string getEmotion(JObject obj)
{
    string strongEmotion = "";
    double score = 0;
    foreach (var x in obj)
    {
        string name = x.Key;
        double value = Convert.ToDouble(x.Value);

        if (value > score)
        {
            score = value;
            strongEmotion = name;
        }
    }
    return strongEmotion;
}

返ってくる JSON は以下になります。
複数の顔が画像に移っている場合は複数人分の感情解析結果が返ってくるようになっています。

EmotionAPIから返ってくるJSON
[
{
    "faceRectangle": {
        "height": 174, 
        "left": 284, 
        "top": 250, 
        "width": 174
    }, 
    "scores": {
        "anger": 1.35894252e-05, 
        "contempt": 0.00100439508, 
        "disgust": 7.037945e-05, 
        "fear": 8.25204552e-06, 
        "happiness": 1.33640685e-06, 
        "neutral": 0.9941351, 
        "sadness": 0.00092591357, 
        "surprise": 0.00384104927
    }
}
]

今までにはなかったようなユーザーエクスペリエンスを提供できるサービスが、非常に短いコード行で実現できてプロダクトに載せることができるということがお分かりいただけたのではないかと思います。

どうやって始めるの?

Cognitive Services の利用の際には Subscription Key が必要になります。無料試用が可能なのでこちらからご登録ください。Microsoft Account でのログインが必要となります。
登録して得られた Subscription Key をサンプルコード上の Ocp-Apim-Subscription-Key で指定してください。

自分でコードを書く前にまずはどんなものか試してみたいという場合は、公式解説ページを見てもらうと準備されている画像を選ぶ or 自分の画像をアップロードして確認できるようになっているのでおすすめです。

使用プラン

無料のプランだけではなくビジネスユースでの使用も可能である Basic, Standard のプランも用意されています。
今回詳しくは説明していませんが、Emotion API には動画上の感情推定機能もあり、現時点(2016.8.26)では無料で提供されています。
image

Standard Planでの使用だと1000枚の画像を分析して2.5 ドルとなります。

こちらからダイレクトに Standard Plan のアカウントを立てることができます。
Standard Plan をお使いいただく場合は、Microsoft Azure の Subscription が必要となるので、もしお持ちでない方はこちらから 1か月 ¥20.500 の無料試用アカウント等もぜひお試しください。

今回の記事から実際にプロダクトに組み込んでみたいとなった場合はサポートできることがあるかもしれないので、コメントでも個人的にでも連絡でもいただければ!

漫画家兼エバンジェリストちょまどさんの応援

あまりに絵心のない自分に対して弊社の漫画家兼エバンジェリストとして活動されているちょまどさんがキャラを貸し出してくれました。
Twitter アカウントはこちらで、
はしれ!コード学園というのを連載されているのでぜひ興味を持たれた方は読んでみてください。
C#ちゃんは、はしれ!コード学園の登場人物で、キャラの性格設定が C# らしい性格になっていて、他のキャラ(言語)もなるほどなとなる面白い性格設定になっているので、エンジニアの人には楽しんでいただけると思います。
さらにCEDECでデモをさせていただいた際は、ちょまどさんには声の出演( C# ちゃんの声優)もしていただきました。
声の方は会場限定公開なので、ファンで会場にいらっしゃった方は非常に幸運だったと思います。
本当にありがとうございました!

後書き

自分はまだまだ C#, Unity 共に駆け出しなので、こういった書き方の方がいいよというのがあればぜひご指摘いただけるとありがたいです。(後程Gitにすべてのコードを公開する予定なので特にそれに関していただければ幸いです。Githubに上げ次第更新通知送りますね)

参考1 (Emotion API の MS 内での位置づけ)

Emotion API は、Microsoft の Cognitive Services というクラウドベースの API サービス群の1つで
下記5つのカテゴリのうちの Vision カテゴリに属する API です。

  • Vision
  • Speech
  • Language
  • Knowledge
  • Search

Vision カテゴリ内の API は下記のようになっています。

Emotion API では画像認識を含んだ以下の機能が提供されています。

  • 画像上の顔認識&感情推定 (今回はこれ)
  • 動画像上の顔認識&感情推定
kosfuji
駆け出しエバンジェリスト@日本マイクロソフトです。 新しい技術にどんどん触れて、いじって、自分が面白いと思ったものを発信していきたいです。
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
ユーザーは見つかりませんでした