Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
URP/HDRPを使ったVRM対応アプリの開発方法 / VRM Importer Extension
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
sotanmochi
March 31, 2021
Technology
1.8k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
URP/HDRPを使ったVRM対応アプリの開発方法 / VRM Importer Extension
第5回 VRM勉強会 LT資料
sotanmochi
March 31, 2021
More Decks by sotanmochi
See All by sotanmochi
画像処理から始めるコンピュートシェーダ / Introduction to Image Processing using Compute Shader
sotanmochi
2
2.8k
Diminished Reality 入門 / Introduction to Diminished Reality
sotanmochi
2
9.7k
Unityでテクスチャにお絵描きするための線分描画アルゴリズムの話 / Line drawing algorithm using fragment shader
sotanmochi
2
4.1k
MagicOnionでマルチプレイゲームを作ってみる / Introduction to developing multiplayer games using MagicOnion
sotanmochi
1
2.7k
SmartRig Bipedを使ってみよう / Introduction to SmartRig Biped
sotanmochi
0
3.6k
VRMを使ったAR/MR撮影ツールを試作開発してみた話 / Prototype of Mobile Mixed Capture
sotanmochi
0
1.9k
リアルとバーチャルの融合によって越えられない壁を壊す / TechCafe vol.8 LT
sotanmochi
0
300
ユニティちゃんと鬼ごっこができるMRゲームと戦術位置解析システム / Mixed reality game and tactical position analysis
sotanmochi
0
760
Research modeで取得した深度(Depth)データを可視化する / Depth data visualization for Hololens RS4 Research mode
sotanmochi
0
220
Other Decks in Technology
See All in Technology
Lint の層を組み直した話
bengo4com
1
260
AI秘書と毎日働くのはもう当たり前。開発以外の業務に足りない機能をどう埋める?
minorun365
PRO
4
2k
Claude for Google Workspaces ポン出し/claude-for-google-workspace-slide-conversion
emiki
0
13k
Adversary Infrastructure Hunting101
disconinja
0
180
デザインレビューは自動化できるのか?─ Flutter × Figma で UI 品質保証を考える
techiro
2
670
Vue で書く 空間コンピューティング、TresJS と WebXR を使ったXR デバイスのフロントエンド開発
hiranuma
0
140
データマネジメント × 法務で作りあげる、 freeeの新しいデータガバナンスへの軌跡
freee
PRO
2
590
[General] 개발자로 해외 기업에서 일하기
skydoves
1
160
re:Inventで、人生は変わったのか? / growth-builders-hub-1-reinvent-2026
mhrtech
2
170
"AWSはちょっと苦手"でも大丈夫。AWS Blocks で手軽に作る Flutter のバックエンド #FlutterKaigi
tacck
PRO
0
110
構造で守らせる データ・法務・セキュリティ・開発チームとつくる AI時代のデータガバナンスとデータ基盤のリアル
legalontechnologies
PRO
2
700
Flutter Widget Previewerで始めるUIプレビューとVRTの自動化
sakusaku3939
0
180
Featured
See All Featured
Color Theory Basics | Prateek | Gurzu
gurzu
1
510
We Have a Design System, Now What?
morganepeng
55
8.4k
Thoughts on Productivity
jonyablonski
76
5.4k
Optimizing for Happiness
mojombo
378
71k
Mind Mapping
helmedeiros
1
420
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
4
4.4k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.5k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
340
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
370
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Transcript
URP/HDRPを使った VRM対応アプリの開発方法 2021/03/31 Soichiro Sugimoto sotan(@sotanmochi)
自己紹介 2 @sotanmochi xR系Unityエンジニアの端くれ xRに関連する新規事業開発・研究開発など 個人開発しているアプリを年内にリリースしたい
今回話すこと VRMモデルをインポートする時に任意のシェーダーを適用する方法 - URP/HDRPに対応したトゥーンシェーダーが使える - Built-in Render PipelineでMToon以外のシェーダーが使える 3
背景 Visual Effect Graphと組み合わせたVRMアプリを作りたい 4
デモ VRMモデルをインポートしてUniversal ToonまたはReal Toonを適用する - Unity Editor上でプロジェクトにインポート - ビルドしたアプリでランタイムインポート 5
具体的な実装方法 1. VRMMaterialImporterを継承したクラスを作成 - CreateMaterialメソッドをオーバーライドする - マテリアルの変換処理を実装する 2. VRMImporterContextを継承したクラスを作成 -
ParseJsonメソッドをオーバーライドする - MaterialImporterの設定処理を実装する 3. VRMをインポートするクラスを実装する 6
1. VRMMaterialImporterを継承したクラスを作成 VRMMaterialImporter.CreateMaterialメソッドをオーバーライドする 7
1. VRMMaterialImporterを継承したクラスを作成 VRMMaterialImporter.CreateMaterialメソッドをオーバーライドする 8
CreateMaterialメソッドにマテリアルの変換処理を実装する 主なシェーダープロパティの対応表 Universal Toon Shader RealToon (URP) MToon _MainTex _MainTex
_MainTex _BaseColor _MainColor _Color _1st_ShadeMap _ShadeTexture _1st_ShadeColor _OverallShadowColor _ShadeColor _Cutoff _Cutout _Cutoff _BaseShade_Feather 1.0 - _ShadeToony _NormalMap _NormalMap _BumpMap _BumpScale _NormalMapIntensity _BumpScale _Emissive_Tex _GlossTexture _EmissionMap _Emissive_Color _GlossColor _EmissionColor Universal Toon Shader RealToon (URP) MToon _MatCap_Sampler _MCap _SphereAdd _RimLightColor _RimLightColor _RimColor _OutlineTex _OutlineWidthControl _OutlineWidthTexture _Outline_Width _OutlineWidth _OutlineWidth _Outline_Color _OutlineColor _OutlineColor 1. VRMMaterialImporterを継承したクラスを作成 9
CreateMaterialメソッドにマテリアルの変換処理を実装する 1. VRMMaterialImporterを継承したクラスを作成 10 VRM Universal Toon
2. VRMImporterContextを継承したクラスを作成 VRMImporterContext.ParseJsonメソッドをオーバーライドする MaterialImporterの設定処理を実装する 11
3. インポート処理を実装 実装例 12
その他Tips ビルドしたアプリでランタイムインポートする場合は、 必要なShaderVariantがストリッピングされないようにする。 方法: ・Unity Editorでインポートしたモデルをプロジェクトに含める ・Resourcesフォルダにマテリアルを配置する など 参考情報: ShaderVariantについて~中編:AssetBundleとShaderVariantの関係~
https://note.com/wotakuro/n/n5bbd88c62d61 13
具体的な実装方法(再掲) 1. VRMMaterialImporterを継承したクラスを作成 - CreateMaterialメソッドをオーバーライドする - マテリアルの変換処理を実装する 2. VRMImporterContextを継承したクラスを作成 -
ParseJsonメソッドをオーバーライドする - MaterialImporterの設定処理を実装する 3. VRMをインポートするクラスを実装する 14
ライブラリを公開しました VRM Importer Extension for Unity URP https://github.com/sotanmochi/VRMImporterExtension-URP 利用可能なシェーダー: ・Universal
Toon Shader 2.2.1 ・RealToon Shader 5.0.8 ・URP: ランタイムインポートはデバッグ中 ・HDRP: 開発中 動作確認環境: ・Unity 2019.4 + URP 7.5.2 + UniVRM 0.66.0 15
おわりに VRMモデルをインポートする時に任意のシェーダーを適用する方法を紹介した - URP/HDRPに対応したトゥーンシェーダーが使える - Built-in Render PipelineでMToon以外のシェーダーが使える URP/HDRPを使ってVRMアプリを作りましょう! 16
ありがとうございました