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
AIを導入する前にやるべきこと
negima
2
320
From Formal Specification to Property Based Test
ohbarye
0
630
How We Practice Exploratory Testing in Iterative Development( #scrumniigata ) / 反復開発の中で、探索的テストをどう実施しているか
teyamagu
PRO
3
490
アクセシビリティ試験の"その後"を仕組み化する
yuuumiravy
1
190
How Swift's Type System Guides AI Agents
koher
0
320
Firefoxにコントリビューションして得られた学び
ken7253
2
150
Spec-Driven Development with AI Agents (Workshop, May 2026)
antonarhipov
2
240
「Linuxサーバー構築標準教科書」を読んでみた #ツナギメオフライン.7
akase244
0
1.4k
Spec Driven Development | AI Summit Vilnius
danielsogl
PRO
1
130
[RubyKaigi 2026] Require Hooks
palkan
1
280
セグメントとターゲットを意識するプロポーザルの書き方 〜採択の鍵は、誰に刺すかを見極めるマーケティング戦略にある〜
m3m0r7
PRO
0
720
PHP で mp3 プレイヤーを実装しよう
m3m0r7
PRO
0
300
Featured
See All Featured
Making Projects Easy
brettharned
120
6.6k
Paper Plane (Part 1)
katiecoart
PRO
0
7k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
110
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
530
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Visualization
eitanlees
150
17k
Google's AI Overviews - The New Search
badams
0
990
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.9k
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円で販売中! 紙の本+アクリルスタンドのセットもあるよ!