こんにちわ、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行もソースコードを書きません。非エンジニアの方にも挑戦可能な内容になっています。
この記事の内容

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  

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

期間限定 最大95%オフセール
効率UPメガバンドル開催中!最大95%オフ!!!
期間 : 11月1日午後15時59分まで
オススメ記事
検証環境