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
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
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
1.6k
さようなら Date。 ようこそTemporal! 3年間先行利用して得られた知見の共有
8beeeaaat
3
1.4k
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.4k
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
310
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
860
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
380
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
470
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
280
Cache Me If You Can
ryunen344
2
1.4k
testingを眺める
matumoto
1
140
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
tetta_pdnt
0
1.7k
Navigating Dependency Injection with Metro
zacsweers
3
960
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Music & Morning Musume
bryan
46
6.8k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Done Done
chrislema
185
16k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
The World Runs on Bad Software
bkeepers
PRO
70
11k
Visualization
eitanlees
148
16k
A better future with KSS
kneath
239
17k
Building an army of robots
kneath
306
46k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
112
20k
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円で販売中! 紙の本+アクリルスタンドのセットもあるよ!