エモモのアバターメイクシステムの仕様と実装【3DデザイナーとUnityのお話】

こんにちは。Mirrativ3Dデザイナーの下原です。

昨今、VTuberやVRの流れで3Dアバターに対する需要や注目度が高まっています。
その中でエモモをはじめとするアバターメイクシステムも多く見られるようになってきました。
ですが、どういうデータを用意すればアバターメイクシステムが実現できるのか？といった実践的なデザイナー向けの技術共有はまだまだなされていない印象です。

そこで、Unityで作られているエモモのアバターメイクシステムについて、どういった手法で、またどういった意図で実現しているのかを紹介いたします。

エモモについて

デザイナー向け採用資料「THE WORLD OF EMOMO」

エモモは「あなたは、誰にでもなれる」というコンセプトで実現されたアバターシステムです。顔出しの文化がないMirrativにおいて、エモモはユーザーの顔となり、「わかりあう願いをつなぐ」ためのコミュニケーションツールとなっています。
そんなエモモの開発において、重要視しているのは一人一人の「個性を表現できること」です。
100万人のユーザーが入れば、100万通りのエモモが表現できる世界を目指しています。

そんな世界観を目指す中で、「仕様的に実現できない顔」といったものは存在しないことが理想です。
柔軟で様々な個性を表現できる構造になっていることが、エモモというアバターシステムの開発において大事な思想となります。

顔パーツの切り替え

個性の表現においてとりわけ重要な顔のパーツ。これらがどういった仕様になっているのかご紹介します。

目のパーツ

【パーツ切り替えの仕組み】

- 目は特定範囲を切り抜き、メッシュごと差し替えることでパーツごとの切り替えを実現しています
- 境界部分の頂点位置と数さえ同じならば、どんなトポロジーの目の形状であっても実装できるようになっています

▲眉や下まつ毛はアルファ抜きテクスチャで表現しています

表情は目ごとにブレンドシェイプで作成しています
- 閉じ目
- 嬉しい
- 悲しい

【目玉】

- 板ポリを3枚重ねて表現しています（白目・黒目・ハイライト）
- Zファイディングがおきないように手前に来る黒目とハイライトはRender Queueを高く設定しています
- UVスクロールで目線を制御しています

▲別マテリアルで分けておくことにより、黒目テクスチャを変えて別の目にする、といったことも可能にしています

▲UVのOffsetで目線を制御

口と顔輪郭

口は同じくメッシュで切り取って切り替えています
表情も同じくブレンドシェイプ（母音・嬉しい・悲しい）
顔の輪郭の変形もブレンドシェイプとして値を持っていて、数値の組み合わせで顔の形を作っています

▲顔の形状をブレンドシェイプで変更

鼻

鼻用テクスチャをシェーダーで合成しています
容量節約のために鼻部分のUVのみUV2に入れています

課題感

個性が大事と前置きしましたが、現状のエモモの仕様は初期のエモモ仕様準拠で作られており、様々な課題を抱えております。

例えば表情をひとつ追加しようと思うと、全パーツに手をいれる大工事となってしまうナイーブな作りになっていたり。
パーツを追加しようとすればひとつひとつ手作りしていく体力勝負になってしまったり。

100万通りの個性を目指すにはスケールしづらい仕様になっています。
より生産性が高く柔軟に制作できるように仕様レベルで見直しております。

「なぜイケてない状態で進めたのか？」と思われるかもしれませんが、高速開発して最速でリリースし改善していくというMirrativの開発スタイルがゆえになります。実際、このエモモ自体も３カ月でリリースしており、そこから改善を重ねてきています。

あなたは、誰にでもなれる。Mirrativ新機能「エモモ」を公開しました！ | 株式会社ミラティブ

こんにちは、ミラティブの大泉です。本日、Mirrativの新機能、「エモモ」を公開いたしました👏👏👏👏👏👏👏👏 いつも読んでいるメディアの皆様にも記事にして頂きました。皆様ありがとうございます！！ ...

https://www.wantedly.com/companies/mirrativ/post_articles/128865

「もうひとりの自分」を作るためにアバターに「個性」を。3Dデザイナーによる改善項目をざくっとまとめてみた | 株式会社ミラティブ

こんにちは、採用の廣田です。本日以下のプレスリリースを発表しました。https://prtimes.jp/main/html/rd/p/000000034.000033025.htmlYouTu...

https://www.wantedly.com/companies/mirrativ/post_articles/163615

おわりに

Mirrativはサードプレイスになることを目標としています。それがゆえに、ものづくりの性質が「作品づくり」ではなく「文化づくり」に寄っていると感じています。

ユーザーに使ってもらい、何かを表現したり、コミュニケーションしたりできる場を作ること。
「文化づくり」においてはインタラクティブ性や自己表現ができることなど、自由度の高さが大事になってきます。

こうしたデザイナーの技術共有がもっと盛んになり、アバター文化がもっと盛り上がっていくことを願っております。

ミラティブでは新しい文化を一緒に作る仲間を募集しています。
ぜひご気軽にご応募ください。

3Dデザイナー

ライブ配信アプリ内のアバター機能をモデリングする3Dデザイナー募集！

株式会社ミラティブは、スマホでできるゲーム実況などのライブ配信アプリ「Mirrativ」を運営しています。設立してまだ1年足らずですが、配信数・配信者数は国内最大級の規模を誇ります。《主な事業概要》 ◎ライブ配信アプリ「Mirrativ」の運営　これまでの動画配信は様々な機材を必要としていましたが、ミラティブはスマートフォン1台あれば配信できる画期的なサービスです。最近では、VTuberのような生配信ができるアバター機能「エモモ」を、Mirrativ内の新機能としてリリースしました。 ◆【多くのアクティブユーザーにより右肩上がりで成長中】他社サービスの動画配信のバイユーザー（配信者かつ視聴者）比率は1%以下ですが、Mirrativはバイユーザー比率が20%と非常に高いことが特徴です。Mirrativを使用したスマホゲームの実況数・動画投稿数は日本でもトップクラス（当社調べ）、右肩上がりで成長しています。1兆円の市場規模が見込まれているスマホゲーム市場で、動画配信も大きな成長率が見込まれています。 ◆【新たな自分で生きるサードプレイスを】当社はMirrativというアプリ空間、エモモというアバター（身体）機能を提供することで、相手をより身近に感じ、お互いのコミュニケーションを円滑にさせていきたいと考えています。この2つを用いて「新たな自分」を構築し、非日常の体験ができる「サードプレイス」のような空間を提供していくことが直近の展望です。2019年2月には35億円の資金調達を実施、ステークホルダーのバックアップを力に、失敗を恐れずどんどんチャレンジしていきます！＊株式会社ミラティブ　公式サイト https://www.mirrativ.co.jp/