Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
3D配信演出アプリVDRAWとそこから得た知見
Search
Ogura
May 22, 2019
Programming
1k
1
Share
3D配信演出アプリVDRAWとそこから得た知見
第2回VRM勉強会のLT登壇資料です。
https://vrm.connpass.com/event/122165/
Ogura
May 22, 2019
Other Decks in Programming
See All in Programming
Geminiをパートナーに神社DXシステムを個人開発した話(いなめぐDX 開発振り返り)
fujiba
0
130
Strategy for Finding a Problem for OSS: With Real Examples
kibitan
0
130
L’IA au service des devs : Anatomie d'un assistant de Code Review
toham
0
190
Coding at the Speed of Thought: The New Era of Symfony Docker
dunglas
0
4.2k
野球解説AI Agentを開発してみた - 2026/02/27 LayerX社内LT会資料
shinyorke
PRO
0
390
AI活用のコスパを最大化する方法
ochtum
0
370
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
o0h
PRO
0
190
「効かない!」依存性注入(DI)を活用したAPI Platformのエラーハンドリング奮闘記
mkmk884
0
290
見せてもらおうか、 OpenSearchの性能とやらを!
shunta27
1
170
AI時代の脳疲弊と向き合う ~言語学としてのPHP~
sakuraikotone
1
1.8k
The free-lunch guide to idea circularity
hollycummins
0
400
メッセージングを利用して時間的結合を分離しよう #phperkaigi
kajitack
3
540
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
640
Abbi's Birthday
coloredviolet
2
6.2k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
110k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.8k
Making the Leap to Tech Lead
cromwellryan
135
9.8k
The Invisible Side of Design
smashingmag
302
51k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Ethics towards AI in product and experience design
skipperchong
2
250
Designing for humans not robots
tammielis
254
26k
How Software Deployment tools have changed in the past 20 years
geshan
0
33k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
160
Transcript
3D配信演出アプリVDRAWと そこから得た知見 おぐら(OGOG_Ogura) ブイドロー
自己紹介 おぐら 株式会社バーチャルキャスト 開発部 いろいろつくる人 同人活動をこじらせて イラスト→漫画→3D モデリング→アプリ開発... という具合に 色々手を出したため活動の幅がやたら広い リアル登壇は初めて
VDRAWとは?
VDRAWとは? 特別なデバイスを使わずに3Dアバターが動かせる作業配信支援アプリ 3Dアバターが実際に絵を描いているように見せることができる • VR機器不要 • Webカメラ不要 • 高スペックPC不要 BOOTHで無料版/有料版(500円)が
ダウンロードできます。
実際にやってみよう! モデル読み込み スタイル変更
技術仕様
技術仕様 • Final IK(アバター制御全般/AssetStore $90) ◦ VRIK(ドローイングスタイル時の足) ◦ CCDIK(キーボードを打つ動作) ◦
AimIK(タイピングスタイルでのマウス操作) • HeadLookController(身体の向き制御/AssetStore 無料) • uDesktopDuplication & uWindowCapture(モニター表示/hecomi MIT) • XInputDotNet(ゲームパッド入力のバックグラウンド取得/speps MIT) • WinAPI(キー入力のバックグラウンド取得。UnityRawInputの方が多分楽)
キーボードを押す指の制御
キーボードを押す指の制御 CCDIK(節足動物の脚などに使うIK) • VRIKは手首までしか制御できないため、指は CCDIKで制御 • VRIK.AutoDetectReferences();のような 便利なメソッドは無いのでボーンの指定がや や面倒
キーボードを押す指の制御 • どのキーをどの指で押すかはポーズ毎 にScriptableObjectで定義 • 押す指ボーンから目的のキーまでの Vector3を算出し、その分手首を移動さ せたのち、指のIKTargetをキー位置へ
VRMについて得た知見
①Humanoidの最小構成に含まれないボーンの考慮 • ShoulderボーンがないモデルはVRIKが使えません!(SDクエリちゃん等) • 指ボーンがないモデルも多い 点線になっている所はHumanoidに無くてもいいボーン
①Humanoidの最小構成に含まれないボーンの考慮 • なくてもいいHumanoidボーン ◦ Chest ◦ UpperChest ◦ Shoulder(肩) ◦
Toes(つま先) ◦ Fingerすべて(指) ◦ Neck(首) ◦ Eye(目) ◦ Jaw(あご)
②VRMLookAtHeadの落とし穴 • モデルのAnimatorにAnimatorControllerを設定している場合、UpdateTypeを LateUpdateにしないと目が動いてくれません! VRMLookAtHead.UpdateType = UpdateType.LateUpdate; Update LateUpdate
②VRMLookAtHeadの落とし穴 UnityからVRMをエクスポートする場合、 目の可動域はVRMLookAtBoneApplyerで 設定できます。 詳しくはこちらのQiitaの記事を参照 VRMモデルの視線制御(目の可動範囲)の設定方法
③VDRAWは海外ユーザーが意外と多い デザインが苦手な人はフリーのシルエット 素材を使うのがオススメです。
③VRMの海外ユーザーは意外と多い(かもしれない) • VRoid Studioが英語対応しており、こちらのユーザーも7割が海外 • VRM対応を考えるなら英語対応やユニバーサルなUIも視野に入れるのもアリ デザインにリソースが割けない場合はフリーのシルエットアイコンがオススメ!
④VRMのOtherLicenseURLの表示 VRMには 「アバターの人格についての許諾範囲」と 「再配布・改変についての許諾範囲」に Other License URL を書き込める
④VRMのOtherLicenseURLの表示 誰も見ない!! InputFieldで コピペ可能に
④VRMのOtherLicenseURLの表示 • InputFieldでURLをコピペできる形で表示する(InputField.readOnly = true;) • それでも普通はアクセスしようとしないので、URLがある場合は追加でダイア ログを表示する(ワンクリックでURLにアクセスできるボタンもつける)
宣伝
VDRAWについて語り切れなかった事はこの漫画に! VDRAW DREW DRAWN ~おぐらの半年間とVDRAW開発小話~ BOOTHにて電子書籍版 500円で販売中! 紙の本+アクリルスタンドのセットもあるよ!