Vueから簡単にVRMアバターを表示できるVueコンポーネントをリリースしました。
ブラウザ上でVRoid Studioなどで作ったアバターを表示することができます。もちろん、レスポンシブ対応でサイズを変えると自動的にキャンバスサイズを変えることができます。
現状はただ単に表示して入力したVRMAファイルでアニメーションさせるだけですが、今後は音声AIとの連携を見据えてWebAudioを用いて口パクにも対応させたいですね。
デモ：https://logue.dev/vue-vrm
ソース：https://github.com/logue/vue-vrm
説明書：https://github.com/logue/vue-vrm/blob/master/README.ja.md
NPM：https://www.npmjs.com/package/vue-vrm
