3D配信演出アプリVDRAWとそこから得た知見

 3D配信演出アプリVDRAWとそこから得た知見

第2回VRM勉強会のLT登壇資料です。
https://vrm.connpass.com/event/122165/

97712324178a40e9ebc70c8370f17986?s=128

Ogura

May 22, 2019
Tweet

Transcript

  1. 3D配信演出アプリVDRAWと そこから得た知見 おぐら(OGOG_Ogura) ブイドロー

  2. 自己紹介 おぐら 株式会社バーチャルキャスト 開発部 いろいろつくる人 同人活動をこじらせて イラスト→漫画→3D モデリング→アプリ開発... という具合に 色々手を出したため活動の幅がやたら広い リアル登壇は初めて

  3. VDRAWとは?

  4. VDRAWとは? 特別なデバイスを使わずに3Dアバターが動かせる作業配信支援アプリ 3Dアバターが実際に絵を描いているように見せることができる • VR機器不要 • Webカメラ不要 • 高スペックPC不要 BOOTHで無料版/有料版(500円)が

    ダウンロードできます。
  5. 実際にやってみよう! モデル読み込み スタイル変更

  6. 技術仕様

  7. 技術仕様 • Final IK(アバター制御全般/AssetStore $90) ◦ VRIK(ドローイングスタイル時の足) ◦ CCDIK(キーボードを打つ動作) ◦

    AimIK(タイピングスタイルでのマウス操作) • HeadLookController(身体の向き制御/AssetStore 無料) • uDesktopDuplication & uWindowCapture(モニター表示/hecomi MIT) • XInputDotNet(ゲームパッド入力のバックグラウンド取得/speps MIT) • WinAPI(キー入力のバックグラウンド取得。UnityRawInputの方が多分楽)
  8. キーボードを押す指の制御

  9. キーボードを押す指の制御 CCDIK(節足動物の脚などに使うIK) • VRIKは手首までしか制御できないため、指は CCDIKで制御 • VRIK.AutoDetectReferences();のような 便利なメソッドは無いのでボーンの指定がや や面倒

  10. キーボードを押す指の制御 • どのキーをどの指で押すかはポーズ毎 にScriptableObjectで定義 • 押す指ボーンから目的のキーまでの Vector3を算出し、その分手首を移動さ せたのち、指のIKTargetをキー位置へ

  11. VRMについて得た知見

  12. ①Humanoidの最小構成に含まれないボーンの考慮 • ShoulderボーンがないモデルはVRIKが使えません!(SDクエリちゃん等) • 指ボーンがないモデルも多い 点線になっている所はHumanoidに無くてもいいボーン

  13. ①Humanoidの最小構成に含まれないボーンの考慮 • なくてもいいHumanoidボーン ◦ Chest ◦ UpperChest ◦ Shoulder(肩) ◦

    Toes(つま先) ◦ Fingerすべて(指) ◦ Neck(首) ◦ Eye(目) ◦ Jaw(あご)
  14. ②VRMLookAtHeadの落とし穴 • モデルのAnimatorにAnimatorControllerを設定している場合、UpdateTypeを LateUpdateにしないと目が動いてくれません! VRMLookAtHead.UpdateType = UpdateType.LateUpdate; Update LateUpdate

  15. ②VRMLookAtHeadの落とし穴 UnityからVRMをエクスポートする場合、 目の可動域はVRMLookAtBoneApplyerで  設定できます。 詳しくはこちらのQiitaの記事を参照 VRMモデルの視線制御(目の可動範囲)の設定方法

  16. ③VDRAWは海外ユーザーが意外と多い デザインが苦手な人はフリーのシルエット 素材を使うのがオススメです。

  17. ③VRMの海外ユーザーは意外と多い(かもしれない) • VRoid Studioが英語対応しており、こちらのユーザーも7割が海外 • VRM対応を考えるなら英語対応やユニバーサルなUIも視野に入れるのもアリ デザインにリソースが割けない場合はフリーのシルエットアイコンがオススメ!

  18. ④VRMのOtherLicenseURLの表示 VRMには 「アバターの人格についての許諾範囲」と 「再配布・改変についての許諾範囲」に Other License URL を書き込める

  19. ④VRMのOtherLicenseURLの表示 誰も見ない!! InputFieldで コピペ可能に

  20. ④VRMのOtherLicenseURLの表示 • InputFieldでURLをコピペできる形で表示する(InputField.readOnly = true;) • それでも普通はアクセスしようとしないので、URLがある場合は追加でダイア ログを表示する(ワンクリックでURLにアクセスできるボタンもつける)

  21. 宣伝

  22. VDRAWについて語り切れなかった事はこの漫画に! VDRAW DREW DRAWN ~おぐらの半年間とVDRAW開発小話~ BOOTHにて電子書籍版 500円で販売中! 紙の本+アクリルスタンドのセットもあるよ!