VRMとアニメーションで勘違いしていたことを整理しました

前回、VRM形式のキャラクタモデルをWebブラウザで表示させる方法を解説しました。

【2019/7/21更新】Babylon.jsでVRMモデルを読み込み、Oculus Questで表示させるまでの手順をまとめました - CrossRoad

これはアニメーションを入れていないので当然ですが止まったままです。そこで、次にこのVRM形式のキャラクタを動かしてみようと思いました。

最終的に、VRoid Studioで作成したキャラクタをWebブラウザで表示し、アニメーションを再生することはできました。

しかし、勘違いをしていて、再生できていたのはVRM互換のglb形式のデータでした。

「VRMにアニメーションをつけて動かす」という当初の目的とは異なりますが、色々わかったこともあるので、ここまで調べたことを整理しました。

以下の環境で調べています。

Unity2017.4.27f1
UniVRM 0.5.1
babylon-vrm-loader : v1.1.0
VRoid Studio : v0.6.4

1. VRM形式のデータにはアニメーションを付加できない
2 VRM形式キャラクタのアニメーションを再生する方法
- 2.1 VRoid Studio
- 2.1 UniVRM
3. babyon.jsでは揺れものアニメーションが再生できる予定
4. いったんVRMとして出力したファイルの拡張子をglbに変更すると、VRM情報が全て失われる
5. おわりに

1. VRM形式のデータにはアニメーションを付加できない

「VRMにもアニメーションが付加できる」と考えていたのが最大の勘違いでした。

よく見るとVRM公式HPに書いてあるのですが、VRMはgltfの拡張という先入観から、サポート外の意味を理解できていませんでした。

glTFはどんな情報を記録できるのかメッシュ(頂点配列、インデックス配列) モーフターゲットスキニング(4weight) テクスチャマテリアル(PBR) シーンアニメーション 1 カメラ 1 光源 1 1. VRMではサポートしていません

引用元：https://vrm.dev/gltf_about/

ということで、VRMはあくまでもアバターになるための規格です。

VRでのアバター利用のための、「一人称視点再現のための情報」に対応。

引用元：「VRM」って何？どんなことができる？ | VRM

なお、gltfとglbの違いは下記が参考になります。

【WebGL特集】第8回：各ツールからglTF形式でアニメーション出力｜3DCGアニメーションを手付けモーションでより魅力的に。株式会社モックス

ざっくりいうと、アニメーションやテクスチャなどをバイナリ化した情報を含むモデルデータ全体がglbです。

2 VRM形式キャラクタのアニメーションを再生する方法

少し矛盾しますが、対応するソフトウェアの中でアニメーションの動きを見ることはできます。手段はいくつかあります。

これは予想ですが、VRM形式のファイルはアニメーションを持っていないので、ソフトウェア上で再生するときはgltfの形なのかもしれません。

2.1 VRoid Studio

VRoid Studioとは、VRMモデルが簡単に作れるソフトウェアです。

VRoid Studioは、人型アバター（キャラクター）の3Dモデルを作成できるWindows・Mac用アプリケーションで、どなたでも無償で利用可能になります。
作成した3Dモデルは、3Dアプリケーションで利用可能なファイルにエクスポートすることができます。
リリース時にはVRM形式でのエクスポートに対応するほか、今後他のファイル形式でのエクスポートもサポートしていきます。

「Camera/Exporter」というタブからPose&Animationを選ぶと、プリセットアニメーションを確認できます。