Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
3D配信演出アプリVDRAWとそこから得た知見
Search
Ogura
May 22, 2019
Programming
1
1k
3D配信演出アプリVDRAWとそこから得た知見
第2回VRM勉強会のLT登壇資料です。
https://vrm.connpass.com/event/122165/
Ogura
May 22, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
著者と進める!『AIと個人開発したくなったらまずCursorで要件定義だ!』
yasunacoffee
0
140
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
syumai
6
2.2k
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
satoaoaka
0
240
モデル駆動設計をやってみようワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
haru860
0
270
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
agatan
2
7.2k
C-Shared Buildで突破するAI Agent バックテストの壁
po3rin
0
390
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
clockmaker
18
7.4k
Navigation 3: 적응형 UI를 위한 앱 탐색
fornewid
1
330
Developing static sites with Ruby
okuramasafumi
0
290
FluorTracer / RayTracingCamp11
kugimasa
0
230
AWS CDKの推しポイントN選
akihisaikeda
1
240
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
panda728
PRO
38
26k
Featured
See All Featured
Done Done
chrislema
186
16k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
100
KATA
mclloyd
PRO
32
15k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.6k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Embracing the Ebb and Flow
colly
88
4.9k
GraphQLとの向き合い方2022年版
quramy
50
14k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.7k
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円で販売中! 紙の本+アクリルスタンドのセットもあるよ!