(デモ用の3Dモデルは「ニコニ立体ちゃん」をお借りしています)
- 概説
- 技術スタック
- three-js/three-vrm
- clmtrackr-js
- 実装
- 工夫をつける
- まばたき
- リップシンク
- パラメータのバリデート
- まとめ
- 余談
- We are hiring!
概説
この記事は エムスリー Advent Calendar 2019 の19日目の記事です。
好きなマスコットはGopherくん、好きな言語はRuby! 最近の業務は主にJavaScriptとKotlin! エムスリーエンジニアリンググループのowlです。
さて、弊社内で毎週行われる『テックトーク』ではエンジニアが好きな技術の話を発表し合っています。最近になってこの発表を画面/音声キャプチャして保存し、後からいつでも発表内容を視聴できるシステムが構築されました。🎉
ただ、このシステムでは当然ながら発表者の姿が録画内容には含まれません。もし、プレゼン中の画面にアバター化した発表者を常時表示すれば発表の雰囲気をより良く伝えることが出来るはずです。今回はこの課題を解決するアバター表示プレゼンWebアプリを開発しました🎉。本当は自分がどうしてもGopherくん(のアバター)になりたかったので作っただけですが。
最近ではこのようにアバターを表示させながらプレゼンする人々をしばしば見ることが出来ます。例えばProduct Manger Conferenceでピクシブ社の方がアバター登壇しているのが有名ですね。いつか見慣れた光景になる可能性もまったくないとは言えません。そうゼロではない。
続きを読む