こんにちは、Unityエンジニアのオオバです。

先日OSS化されたDMM VR Connect SDK
VRMを自分のUnityアプリで使用することができます。

DMM VR Connect SDKはアバター読み出し機能とストリーミング機能を内包したUnity Packageです。

DMM VR ConnectとはVRM対応し、
自分のUnityアプリに自分の好きなVRMキャラクターを
持ち込むことができるパッケージです。

本記事ではDMM VR Connectを使って
Unityに任意のVRMを表示させる方法を紹介します。

※本記事は1行もソースコードを書きません。非エンジニアの方にも挑戦可能な内容になっています。

→11万文字で徹底解説した「DOTweenの教科書」Unityアニメーションの超効率化ツールはこちら

1. DMM VR Connectデベロッパー登録からSDKのダウンロード

DMM VR Connect for Devs
こちらからデベロッパー登録してください。

GitHub - dmm-com/vrlab-dvrsdk: DMM VR Connect SDK
SDKを含むサンプルプロジェクトを
↑こちらからダウンロードします。

$ git clone git@github.com:dmm-com/vrlab-dvrsdk.git  

オオバはgitを使ってダウンロードしました。

Unity2019.4.26f1で提供されていましたが、
オオバは2019系最新のUnity2019.4.29f1を使用しています。

2. Unityプロジェクトを開くもエラーの嵐を潰す方法

ダウンロードしたプロジェクトをそのまま開くと、
エラーが出てコンパイルが通りません。

サンプルを動かすためには、
有料のFinalIKなどの外部アセットも必要になるようです。

本記事では「とりあえずDMM VR Connectを動かしたい」ため、
追加パッケージなしで動かしてみようと思います。

コンパイルを通すために、
以下のフォルダを削除します。

3. DMM VR Connect設定ファイルの作成

このあたりは公式のマニュアルに従っていきます。

【DMM VR Connect】VRMを表示させる方法_0

Resourcesフォルダ内に設定ファイルを作成します。
オオバはSdkSettingsというファイル名にしました。

クライアントIDの設定

コチラのサイトからクライアント追加して、
クライアントIDを取得します。

【DMM VR Connect】VRMを表示させる方法_1

↑で入手したクライアントIDを、
先ほど作成した↓SdkSettingsのClient_idに入力します。

【DMM VR Connect】VRMを表示させる方法_2

4. DMM VR Connectの認証をテスト

認証サンプルのシーンを開いて再生します。
Assets/DVRSDK/Examples/DVRAuth/Scenes/LoginTestScene.unity

【DMM VR Connect】VRMを表示させる方法_3

このような画面が表示されます。
中央上のLoginボタンをクリックします。

【DMM VR Connect】VRMを表示させる方法_4

外部ブラウザが開きます。確認をクリック。

【DMM VR Connect】VRMを表示させる方法_5

【DMM VR Connect】VRMを表示させる方法_6

画面に従っていくと設定が完了します。

【DMM VR Connect】VRMを表示させる方法_7

これでログインは成功した模様です。

今後自分のアプリにログイン処理を組み込む際に、
このシーンの処理を参考にしましょう。

5. DMM VR Connectからアバターを読み込む

こちらにアクセスして、読み込むアバターを準備します。

【DMM VR Connect】VRMを表示させる方法_8

「アバターを追加」をクリックします。

こちらでお借りしたキャラを表示してみたいと思います。
「右近」 / キツネツキ さんの作品 - ニコニ立体

【DMM VR Connect】VRMを表示させる方法_9

ダウンロードした.vrmファイルを、
ドラッグアンドドロップします。

【DMM VR Connect】VRMを表示させる方法_10

するとこのように登録されます。

UnityでDMM VR ConnectのVRMを表示させる

Assets/DVRSDK/Examples/2DUIExample/Scenes/2DUIExample.unityこちらのサンプルシーンを再生してみます。

【DMM VR Connect】VRMを表示させる方法_11

コンパイルエラーを除去するために、
LiSyncInitializerがMissingになっていますが、
気にせずに進めます。

【DMM VR Connect】VRMを表示させる方法_12

左上のDMM VR Connectボタンをクリックします。

【DMM VR Connect】VRMを表示させる方法_13

Loginボタンをクリック。

【DMM VR Connect】VRMを表示させる方法_14

表示された!!!

まとめ : DMM VR ConnectでVRMを表示させる方法

DMM VR Connectは超簡単にVRMを、
Unity内に表示させることができることがわかりました。

次はこのキャラクタを動かしてみようと思います。

GitHub - baobao/vrlab-dvrsdk at LoadSimple
今回のプロジェクトはForkしたリポジトリにアップしていますので、
興味ある人は動かしてみてください。
※LoadSampleブランチに切り替えが必要です

【随時追加】 DMM VR Connectのトラブル

オオバがハマったトラブルを
紹介して締めたいと思います。

キャラクタを読み込むときのトラブル。

Wait a moment, please  

Value cannot be null.  
Parameter name: value  

こういうエラーがでてキャラクタが表示されないことがありますが、
何度か再チャレンジするとキャラクタは表示されました。

オススメ記事
検証環境