サービス

技能：エンジニア

技能：デザイナー

技能：ビジネス職

技能：バックオフィス

ジャンル

<h2 id="はじめに">はじめに&nbsp;</h2>

<p>あらゆるVRアプリに好きな姿で飛び込みたい！<br />
そう思ったこと、一度はありますよね？<br />
そんな世界を実現する<a href="https://bit.ly/2QAdgQ9" target="_blank">DMM VR Connect</a>とその<a href="https://bit.ly/3vm6NY6" target="_blank">SDK</a>について、技術者目線で開発メンバーが全六回の連載としてご紹介します。<br />
初回となる今回は、<a href="https://bit.ly/2QAdgQ9" target="_blank">DMM VR Connect</a>の基本についてSDK開発リーダーのあきらが紹介します。</p>

<p id="目次">&nbsp;</p>

<h2 id="自己紹介">自己紹介</h2>

<p><img alt="f:id:dmminside:20210409111748p:plain" height="449" src="https://image.dmm-corp.com/lzyok5furldl2j5zjp0oo5c0vjof" width="800" /></p>

<p>DMM VR labチーフエンジニア兼コミュニティマネージャー、<a href="https://bit.ly/3vm6NY6" target="_blank">DMM VR Connect SDK</a>の開発リーダーを務めているあきらです。<br />
バーチャルモーションキャプチャー(ばもきゃ)というOSSの作者でもあります。</p>

<p>DMMには2019年5月に、ばもきゃの開発をきっかけにお声掛けいただいて、アバターの制御や配信映えするVRゲームを開発するエンジニアとしてジョインしました。<br />
これまで<a href="https://bowman.vrlab.dmm.com/" target="_blank">BOW MAN</a>、<a href="https://store.steampowered.com/app/1481430/No_Sushi_No_Life/" target="_blank">No Sushi, No Life</a>や<a href="https://store.steampowered.com/app/1424930/Connect_Chat/" target="_blank">Connect Chat</a>の開発を通して生まれたライブラリや知見を詰め込んだSDKを開発しています。</p>

<p>&nbsp;</p>

<h2 id="DMM-VR-ConnectはあらゆるVRアプリに好きな姿で飛び込めるサービス">DMM VR ConnectはあらゆるVRアプリに好きな姿で飛び込めるサービス</h2>

<div class="youtube-embed-wrapper" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden"><iframe allowfullscreen="" frameborder="0" height="480" src="https://www.youtube-nocookie.com/embed/saMNJx9HJvM?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%" width="640"></iframe></div>

<p>&nbsp;</p>

<p>オレンジさんに<a href="https://bit.ly/2QAdgQ9" target="_blank">DMM VR Connect</a>を紹介していただきました。</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414122615p:plain" height="450" src="https://image.dmm-corp.com/ord2rrnvg3pfe3sqlmqtr3td5ee2" width="800" /><br />
「あらゆるVRアプリに、自分の姿でダイブしたい。」そう思ったこと、一度はありますよね！</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414122728p:plain" height="450" src="https://image.dmm-corp.com/59clvsfjumu2zn1uft8t82x6d4dl" width="800" /><br />
そんな世界が実現します。<a href="https://bit.ly/2QAdgQ9" target="_blank">DMM VR Connect</a></p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414122857p:plain" height="450" src="https://image.dmm-corp.com/jim4cdznz91kx7i63ddq8yglr37m" width="800" /><br />
あなたのアバターを<a href="https://bit.ly/2QAdgQ9" target="_blank">DMM VR Connect</a>にアップロード。準備はたったそれだけ。</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414123101p:plain" height="450" src="https://image.dmm-corp.com/0vnfr0qtoltnswz6grxqddf13ka9" width="800" /><br />
全ての対応アプリで使用できます。</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414123635p:plain" height="450" src="https://image.dmm-corp.com/neok942v9dw1y8zoow1cs7ytrnin" width="800" /><br />
寿司を食べたり</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414124713p:plain" height="450" src="https://image.dmm-corp.com/sdy73moa1flck73rzopk39psz45u" width="800" /><br />
射撃の腕を競ったり</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414123831p:plain" height="450" src="https://image.dmm-corp.com/1vyy9gcr5rrtopja61ljzyj1siq8" width="800" /><br />
仲間とおしゃべりしたり</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414125139p:plain" height="450" src="https://image.dmm-corp.com/6nf0zip97ty24pytml9s1xfai01w" width="800" /><br />
VRライフを満喫しましょう。</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414125522p:plain" height="450" src="https://image.dmm-corp.com/3et5f3v38y7q8bfusfewpe7h6olk" width="800" /><br />
さらに<a href="https://bit.ly/3vm6NY6" target="_blank">DMM VR Connect SDK</a>を使えば</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414130152p:plain" height="450" src="https://image.dmm-corp.com/rk9udyjtwgllbiiu0zpt36rhj6y2" width="800" /><br />
あなたのVRアプリもすぐに対応可能</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414130648p:plain" height="450" src="https://image.dmm-corp.com/c9r9vgksanqiksxfspcuxufndzbv" width="800" /><br />
認証</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414130658p:plain" height="450" src="https://image.dmm-corp.com/07p8jjcf10nqypjfeldcvbeb4czr" width="800" /><br />
アバター読み込み</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414130709p:plain" height="450" src="https://image.dmm-corp.com/tgyu44ra74dsygvld4j6ltfhdb3b" width="800" /><br />
キャリブレーションまで</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414130722p:plain" height="450" src="https://image.dmm-corp.com/bjgmsuzrv2b9ucf7w4mll519wuwu" width="800" /><br />
必要な機能はすべて揃っています。</p>

<p>&nbsp;</p>

<p><img alt="f:id:sh_akira:20210414130754p:plain" height="450" src="https://image.dmm-corp.com/dltj2y6l0y3vq56gdspzk65yce82" width="800" /><br />
好きな姿でゲームに飛び込もう。<a href="https://bit.ly/2QAdgQ9" target="_blank">DMM VR Connect</a></p>

<p>&nbsp;</p>

<h2 id="SDKを使えばあなたのUnityアプリとDMM-VR-Connectが簡単に連携">SDKを使えばあなたのUnityアプリとDMM VR Connectが簡単に連携</h2>

<p><a href="https://bit.ly/3vm6NY6" target="_blank">DMM VR Connect SDK</a>(以下DVR SDK)は<br />
<a href="https://bit.ly/2QAdgQ9" target="_blank">DMM VR Connect</a>をUnityで使えるようにするためのSDKです。</p>

<p><img alt="f:id:dmminside:20210409114539p:plain" height="343" src="https://image.dmm-corp.com/83pl13xcc0aa66k2hgkwp5ys4a91" width="691" /></p>

<p>非常に簡単に導入ができ、&beta;リリースにつき完全無料でご提供しています。</p>

<p>&nbsp;</p>

<h2 id="何ができるのか">何ができるのか？</h2>

<h3 id="１アバターをロードする">１．アバターをロードする</h3>

<p><img alt="f:id:dmminside:20210409114728p:plain" height="219" src="https://image.dmm-corp.com/llxxm54ppdrib9najliofpqib2bu" width="800" /></p>

<p>SDKを導入すれば、認証してアバター読み込みまで行うだけで、すぐに動きます。</p>

<p>&nbsp;</p>

<h3 id="２カメラを第三者視点にして動かす">２．カメラを第三者視点にして動かす</h3>

<figure title="一人称カメラではプレイ内容がわかりにくいVRゲームも第三者視点カメラで見れる">
<p><img alt="f:id:dmminside:20210409114929p:plain" height="440" src="https://image.dmm-corp.com/y77sqc45im6tya7xd66miocxfjf8" width="800" /></p>

<figcaption>
<p>一人称カメラではプレイ内容が分かりにくいVRゲームも第三者視点カメラで見ることができる</p>

<p>&nbsp;</p>
</figcaption>
</figure>

<p>これまでVRゲームでは一人称視点のカメラでゲーム実況が行われることが多かったため、視聴者は酔いやすく、状況が分かりにくいという課題がありました。しかし、そこで<a href="https://bit.ly/3vm6NY6" target="_blank">DVR SDK</a>を使えば、簡単に第三者視点のカメラを入れてユーザーにプレイしてもらうことができるようになります。</p>

<p>&nbsp;</p>

<h3 id="３画面をそのままRTMPで動画配信する">３．画面をそのままRTMPで動画配信する</h3>

<figure title="UnityのカメラをそのままYouTubeに配信している様子">
<p><img alt="f:id:sh_akira:20210414134143p:plain" height="437" src="https://image.dmm-corp.com/lu3x9u2jytymc42zyarse591mvn2" width="800" /></p>

<figcaption>
<p>UnityのカメラをそのままYouTubeに配信している様子</p>

<p>&nbsp;</p>
</figcaption>
</figure>

<p>DVRStreamingはUnityから直接RTMP配信、つまりYouTubeやTwitchに配信が可能になるプラグインです。<br />
Oculus QuestとWindows両対応で、Quest単体でYouTube配信も可能になる優れものです。</p>

<p>&nbsp;</p>

<h3 id="４ほかのユーザーとのコラボレーションをさせる">４．ほかのユーザーとのコラボレーションをさせる</h3>

<figure title="Connect Chat">
<p><img alt="f:id:sh_akira:20210414134732p:plain" height="450" src="https://image.dmm-corp.com/a0hmnm146sfe1kk974c7xw8sov6q" width="800" /></p>

<figcaption>
<p>Connect Chat</p>

<p>&nbsp;</p>
</figcaption>
</figure>

<p><a href="https://store.steampowered.com/app/1424930/Connect_Chat/?l=japanese" target="_blank">Connect Chat</a>(コネチャ)は<a href="https://bit.ly/2QAdgQ9" target="_blank">DMM VR Connect</a>の特徴の一つ、他者のアバター読み込み機能を活用したVRでのチャットアプリです。</p>

<p><a href="https://store.steampowered.com/app/1424930/DMM_Connect_Chat/?l=japanese" target="_blank">Steam：DMM Connect Chat｜inside.dmm.com</a></p>

<p>&nbsp;</p>

<h3 id="５Unity製なのでVRだけでなく様々なデバイスで使うことができます">５．Unity製なので、VRだけでなく様々なデバイスで使うことができます</h3>

<div data-oembed-url="https://twitter.com/kleus_balut/status/1382197344439967745?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1382197344439967745%7Ctwgr%5E9695adc46379a4a39bef5a1eba1cb03e24a255dd%7Ctwcon%5Es1_&amp;ref_url=https%3A%2F%2Finside.dmm.com%2Fentry%2F2021%2F04%2F16%2FDMMVRConnect01">
<div style="max-width: 550px;">
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 100%;"><iframe allowfullscreen="" src="//if-cdn.com/TFFvgHG?app=1" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
<script async="" charset="utf-8" src="//if-cdn.com/embed.js"></script></div>

<p>クレウスのARアプリ(仮)は、クレウスさん (<a href="https://twitter.com/kleus_balut" target="_blank">@kleus_balut</a>) 制作の<a href="https://bit.ly/3vm6NY6" target="_blank">SDK</a>の簡単ログインと自動ログイン機能を活用したもので、起動してすぐにアバターのAR写真が撮影できるアプリです。</p>

<p>&nbsp;</p>

<div data-oembed-url="https://twitter.com/nmch1222/status/1333244873311354880?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1333244873311354880%7Ctwgr%5E9695adc46379a4a39bef5a1eba1cb03e24a255dd%7Ctwcon%5Es1_&amp;ref_url=https%3A%2F%2Finside.dmm.com%2Fentry%2F2021%2F04%2F16%2FDMMVRConnect01">
<div style="max-width: 550px;">
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 100%;"><iframe allowfullscreen="" src="//if-cdn.com/uJRCZd3?app=1" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" tabindex="-1"></iframe></div>
</div>
<script async="" charset="utf-8" src="//if-cdn.com/embed.js"></script></div>

<p>&nbsp;waidayoは、nmちゃん (<a href="https://twitter.com/nmch1222" target="_blank">@nmch1222</a>) 制作のiPhone/iPadの顔認識機能を使用したフェイシャルモーションキャプチャツールです。VMCProtocolに対応しており、PCに表情データを送信することができます。</p>

<p>&nbsp;</p>

<h2 id="まとめ">まとめ</h2>

<p><a href="https://bit.ly/2QAdgQ9" target="_blank">DMM VR Connect</a>、<a href="https://bit.ly/3vm6NY6" target="_blank">DVRSDK</a>はアバターを使いたい時の様々な困りごとを解決してくれる便利なソリューションです。</p>

<p>アバターの管理や制御、様々なVR機器への対応、デバイスのサポート、画作りや配信まで手間のかかるあれこれを任せることができます。</p>

<p>もちろん一部を良いとこ取りして使うこともできるので、まずは<a href="https://bit.ly/3vm6NY6" target="_blank">DVRSDK</a>をダウンロードしてサンプルシーンを開いて動かしてみてください。VR機器をお持ちなら、ぜひキャリブレーションのサンプルをお試しください。自身の体が思いどおりに動かせると思います。</p>

<p>&nbsp;</p>

<p>DMM VR lab公式DiscordサーバーのDMM VR lab Communityでは開発時の困り事から、使い方や要望の提案まで直接VR labのメンバーと会話ができます。最新の開発状況やリリース告知も行っていますので是非一度お気軽にご参加ください。</p>

<p><a href="https://discord.com/invite/cMHTQJprVV" target="_blank">Discord - A New Way to Chat with Friends &amp; Communities｜inside.dmm.com</a></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<h2 id="次回予告">次回予告</h2>

<p>連載の次回記事では、アバターロードと認証の話をさらに深堀りしていきます！</p>

<p>お楽しみに！</p>


あらゆるVRアプリに好きな姿でダイブできる DMM VR Connect #1

シェア

関連する求人

関連する記事