![見出し画像](https://assets.st-note.com/production/uploads/images/78605068/rectangle_large_type_2_fc049cab77232bdaf5024fa0b065386b.png?width=1200)
【簡単】NTT DOORやMozilla Hubsのアバターに「口の動き」「まばたき」「手の動き」をつける方法メモ
はじめに
NTT DOORやMozilla Hubsはアプリのインストールが不要でWebブラウザのみで使用できるメタバースプラットフォームです。
なんとMeta Quest2やPC、スマートフォンでも動くマルチデバイス対応!
そして商用も無料!
さらにオリジナルのアバターを持ち込むことも可能なので、その設定方法をメモとして残しておきます。
※私自身がCGクリエイターではないので説明がおかしなところがありますがご了承いただけましたら幸いです。
完成品例
あ、あ、あ~(音でます)
— しばぱぱ三上昌史Gugenka CEO (@Mikami_Gugenka) May 7, 2022
DOORとHubs用のアバターで「リップシンク」「自動まばたき」「手のアニメーション」できた~✨#DOORNTT #MozillaHubs pic.twitter.com/hPQslCQyC9
私のTwitterに自分のアバターで作ったものをアップしました。こんな感じで以下の動きをオリジナルアバターにつけることができます。
「口の動き(リップシンク)」
「またばき(オートブリンク)」
「手の動き(ハンドジェスチャー)」※VR時のみ
動きがつくだけで魅力的になりますよね。
では、作り方です。
①元になるアバターをダウンロード
Mozilla Hubsのgithubから.fbxファイルをダウンロードしてください。
②Blenderで.fbxファイルを開く
![](https://assets.st-note.com/img/1652606180445-Jqdopu26hI.png?width=1200)
ロボットのメッシュは削除してボーンのみをオリジナルアバターに設定します。やり方はYouTubeなどで検索してみてください。
検索例
Blender キャラクターモデリング
Blender シェイプキー
Blender ボーン ウェイト
Blender(無料)のダウンロード
※最新版ではなく次で追加するアドオンが対応しているバージョン2.83がオススメです。
③BlenderにHubsのアドオンを追加
④アバターの設定
公式の動画を参考に設定しましょう。
⑤設定のポイント
![](https://assets.st-note.com/img/1652607732890-XDjY4SPj29.png)
![](https://assets.st-note.com/img/1652607831254-fKFYKdxt5e.png)
![](https://assets.st-note.com/img/1652608020102-JbmV7Hk9yY.png)
![](https://assets.st-note.com/img/1652608146174-YdFOr1svi1.png)
![](https://assets.st-note.com/img/1652608210999-U5gr0GCwk7.png?width=1200)
![](https://assets.st-note.com/img/1652608461392-5atnPsTXfr.jpg?width=1200)
しばぱぱ三上はXRメタバースに関連する情報をお届けしています。
Twitter
YouTube
BOOTH(オリジナルグッズ)
なお、記事の中で足りない情報や間違い、ご質問などあればTwitterのDMより、お気軽にご連絡ください(^^)
![](https://assets.st-note.com/img/1652608461318-PlqBtycHB3.jpg)
この記事が気に入ったらサポートをしてみませんか?