この記事ではVRMモデルをSTYLYにアップロードする手順を紹介します。
記事内の【STYLY VRoid 配布プラグイン】を活用していただくことによって、簡略化されます。
プラグインの追加
VRMをSTYLYにアップロードするために「Unity」と「STYLY」を連携させていきます。
※まだSTYLYアカウントの作成・Unityをダウンロードされていない方は、下記記事を参考に準備をお願いします！
UniVRMを入手
VRM公式サイトのDownload（https://github.com/dwango/UniVRM/releases）から最新のUniVRM（UnityでVRMを扱えるようにするプラグイン）を入手してください。
ダウンロードしたunitypackageファイルをダブルクリックして、Unityへ「Import」してください。
UniVRM ダウンロード画面
UNITY PLUGIN FOR STYLYを入手
STYLY公式サイト（https://styly.cc/ja/download/）を開いて、ページを以下の画像の所までスクロールして、緑色の「DOWNLOAD」をクリックしてください。
UNITY PLUGIN FOR STYLY ダウンロード画面
ダウンロードしたunitypackageファイルをダブルクリックして、Unityへインポートしてください。
UNITY PLUGIN FOR STYLYをUnityへインポート
Unityに戻り、画面上側の①「STYLY>Asset Uploader Settings」をクリックして、②「Get STYLY API Key」をクリックするとブラウザでAPI KeyとEmailが表示されるので、③の入力欄にコピー＆ペーストしてください。
Unity 画面 API KeyとEmailを設定
VRMをUnityへインポート
▲上記リンクを開き「UnityEditor-AddAnimationToModel-v0.9.1.unitypackage」 （VRMモデルをSTYLYへアップロードさせるためのプラグイン）をダウンロードします。
※前回配布プラグインにてmacでうまく処理できない問題が発生したため修正したプラグインに変更しました。(2019.09.26)
UnityEditor-AddAnimationToModel-v0.9.1.unitypackage ダウンロード画面
ダウンロードが完了した.unitypackageをダブルクリックでImportします。
「Import」を選択します
Importが成功すると「Assets」内にフォルダが3つ表示されます。
また、画面上側のメニューバーに「VRM」「STYLY」「VRoid2STYLY」が追加されていることが確認できます。
Unity Assets内
Unity画面上側のメニューバー
VRMモデルのImport
画面上側の「VRoid2STYLY>Import」をクリックして、お持ちの【.vrmモデル】を選択し、Importします。
.vrmモデルを選択し、Importします
※この時点ではダウンロードが完了してもモデルが表示されていないかと思いますが問題ありません！
次にモデルにモーションをつけていきます。
画面上側の「VRoid2STYLY>Select Animation」をクリックして、
VRoid2STYLY → Select Animationを選択
・Famale Standing Pose （普通の立ちポーズ：動きなし）
・Idle （普通の立ちポーズ：動きあり）
・Thinking（腰に手をあてて考えるポーズ）
・Walking（その場ウォーキング）
の中から好きなモーションを選択し、「OK」を選択します。
Female Standing Poseを選択して OKボタンをクリック
モーションを選択すると「Scene」画面にモデルが現れます。
モーションを設定するとScene内にモデルが表示されるようになります。
このモデルは先ほど選択したモーションがくっついた状態のものとなっています。
動きが反映されているか確認してみましょう。
画面中央の「▶」再生ボタンをクリックします。
再生ボタンをクリック
STYLYちゃん 動作成功
動きが確認できました！✨
※確認が完了したらもう一度「▶」をクリックして動きを止めておいてください。
これでモデルをアップロードする準備が完了しました！いよいよモデルをSTYLYにアップロードしていきます。
VRMモデルをSTYLYにアップロード
「Hierarchy」内の「My Model（Clone）」を「Assets」内の何もないところへドラッグ＆ドロップします。
「My Model（Clone）」を「Assets」内の何もないところへドラッグ＆ドロップ
Assets内に持ってきた「My Model（Clone）」を右クリックして「STYLY>Upload Prefab scene to STYLY」をクリックします。
もってきたモデルを右クリックして「STYLY>Upload Prefab scene to STYLY」
アップロードが開始されます。※しばらく時間がかかります。
モデルのアップロードにはすこし時間がかかります。
アップロードがうまくいくと、「Upload succeeded .」と表示されます！??
VRMモデルのアップロード完了！
これでVRoidモデルをモーション付きでSTYLYにアップすることができました☺✨
アップロードしたVRMモデルをSTYLYで配置する
STYLY Editorを開いて、画面左上の「写真アイコン」（Assets）をクリックします。
左から2番目の「写真アイコン」をクリック
左上の「3D Models」をクリック
次に「3D Model」を選択します。
「My Models」タブにアップロードしたモデルが追加されているのでクリックします。
アップロードしたモデルを選択
モデルが配置されるので位置などを調整して完成です！
STYLYにモーション付きVRMモデルを配置
手順は以上となります！お疲れさまでした！✨
さらに+＠、「自身で用意したモーションをつけたい」、「まばたきさせたい」などありましたらこちらの記事をご参考ください！
