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
VFX Graphの気になるアップデートを軽率に紹介したい/wanna-introduce-v...
Search
にー兄さん
September 22, 2021
Technology
0
950
VFX Graphの気になるアップデートを軽率に紹介したい/wanna-introduce-vfx-graph-updates
Gotanda.unity #20にてLT登壇した資料
にー兄さん
September 22, 2021
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
4
1.3k
create-babylon-appを軽率にアプデしたい / update create babylon app
drumath2237
1
1.4k
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylonjs-v7
drumath2237
1
230
軽率にVFX Graphと Compute Shaderを 組み合わせるテクニック/integrate-vfxgraph-and-compute-shader
drumath2237
1
280
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.8k
軽率にBabylon.jsを C#で使う技術 / using-babylonjs-with-csharp
drumath2237
1
710
今こそ軽率に理解したい WebXR Device APIとBabylon.jsの話 / understand-webxr-device-api-and-babylonjs
drumath2237
0
140
Vue・Babylon連携ライブラリ BabyuewJSについて / about-babyuewjs
drumath2237
0
160
軽率にBabylon.jsの WebGPUエンジンを使って ComputeShaderに入門した / learn-about-babylonjs-webgpu-computeshader
drumath2237
0
660
Other Decks in Technology
See All in Technology
SDN の Hype Cycle を一通り経験してみて思うこと / Going through the Hype Cycle of SDN
mshindo
1
140
The Role of Developer Relations in AI Product Success.
giftojabu1
0
150
iOS/Androidで同じUI体験をネ イティブで作成する際に気をつ けたい落とし穴
fumiyasac0921
1
110
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
210
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.2k
TypeScript、上達の瞬間
sadnessojisan
48
14k
New Relicを活用したSREの最初のステップ / NRUG OKINAWA VOL.3
isaoshimizu
3
640
Platform Engineering for Software Developers and Architects
syntasso
1
520
Shopifyアプリ開発における Shopifyの機能活用
sonatard
4
260
TanStack Routerに移行するのかい しないのかい、どっちなんだい! / Are you going to migrate to TanStack Router or not? Which one is it?
kaminashi
0
610
Introduction to Works of ML Engineer in LY Corporation
lycorp_recruit_jp
0
150
『Firebase Dynamic Links終了に備える』 FlutterアプリでのAdjust導入とDeeplink最適化
techiro
0
170
Featured
See All Featured
Teambox: Starting and Learning
jrom
133
8.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
The Invisible Side of Design
smashingmag
298
50k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
380
Producing Creativity
orderedlist
PRO
341
39k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Thoughts on Productivity
jonyablonski
67
4.3k
BBQ
matthewcrist
85
9.3k
We Have a Design System, Now What?
morganepeng
50
7.2k
Fireside Chat
paigeccino
34
3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Transcript
VFX Graphの 気になるアップデートを 軽率に紹介したい Gotanda.unity #20 にー兄さん(@ninisan_drumath)
自己紹介 にー兄さん(@ninisan_drumath) 筑波大学 情報科学類 HoloLab inc.アルバイト Microsoft Learn Student Ambassadors
好き:Azure Kinect, VFX Graph, HoloLens, Immersal, ...
agenda はじめに Sample Skinned Mesh Sample Graphics Buffer SDF Baker
Tool おわりに
はじめに
概要 - VFX Graphの新機能を3つ紹介 - Unity 2021.1aか2021.2b~ - HDRPでのみ検証 -
独断と偏見と感謝と愛で選びました - VFX Graphはいいぞ 内容が刺さるかもしれない人 - VFX Graphを触ったことがある人 - VFX Graphで何ができるのか知りたい人 - 最新のUnity情報に興味がある人 - アート方面でUnityを触ってる人
おさらい:VFX Graph とは Visual Effect Graphのこと Shurikenに代わる新しい パーティクルシステム 1. ノードベースで構築
2. GPUパーティクル 3. 動作推奨はURP・HDRP 表現力の高いパーティクルを 簡単に、ハイパフォーマンスで作ることができる
VFX Graph の最新情報を知ろう HDRPやShaderGraphとともに ロードマップが公開されている https://portal.productboard.com/unity/1-unity-platform-render ing-visual-effects/tabs/9-visual-effect-graph 2020.3からの情報が載っている すでにリリース済みのアプデを見るだけで 結構楽しい
試すときは自己責任で
Sample Skinned Mesh
Sample Skinned Mesh ノード 名前の通りSkinnedMeshをSampleしてくれる リギングされたメッシュの表面の点を動的に取得 SkinnedMeshのプロパティ入力にも対応
https://youtu.be/tzUXcRjdi0g
Sample Graphics Buffer
ついに配列の受け渡しが(実質)可能に! 従来(~2020.3LTS, 2021.1a) プログラム AttributeMap (Texture2D) 最新のVFX Graph(2021.2b~) GraphicsBuffer 配列からGraphicsBufferを生
成。Compute Shaderでも扱い やすく 配列のデータをテクスチャのピ クセル値にベイク......。 VFX Graph プログラム VFX Graph
ついに配列の受け渡しが(実質)可能に! 従来(~2020.3LTS, 2021.1a) プログラム AttributeMap (Texture2D) 最新のVFX Graph(2021.2b~) GraphicsBuffer 配列からGraphicsBufferを生
成。Compute Shaderでも扱い やすく 配列のデータをテクスチャのピ クセル値にベイク......。 VFX Graph プログラム VFX Graph 直観的&便利に進化
使い方はシンプル プログラム - GraphicsBufferを作成 - VisualEffectGraphのプロパティに渡す - SetDataメソッドで配列を渡す VFX Graph
- プロパティからGraphicsBufferを取得 - SampleGraphicsBufferノード - 配列のindexを指定してデータ取得 colorBuffer = new GraphicsBuffer( GraphicsBuffer.Target.Structured, bufferLength, Marshal.SizeOf(new Color()) ); _effect.SetGraphicsBuffer( _propertyColorBuffer, colorBuffer ); colorBuffer.SetData(colorArray);
Azure Kinect VFX (GraphicsBuffer ver.) GitHub:https://github.com/drumath2237/Graphics-Buffer-VFX-Sample
SDF Bake Tool
SDFとは Signed Distance Field 点から形状への距離と方向 3Dテクスチャとして扱われる 以前はHoudiniで作成 VFXToolboxというアセットがあるhttps://github.com/Unity-Technologies/VFXToolbox メッシュ
過去にSDFを使用したVFXで登壇したことも この時はMesh→Houdini→Texture3D→VFX Graphの手順
SDFの作成 Window > Visual Effects > Utilities > SDF Bake
Tool
SDFの読み込み Sample Signed Distance Fieldノード サンプルする座標から距離と方向が出力される PointCacheやSample Meshノードとの相性が良い Texture3Dはインラインもしくはプロパティでも可
demo GitHub:https://github.com/drumath2237/SDF-Baker-VFX-Sandbox
おわりに
まとめと感想 2021~のVFXはSampleXXX系ノードがアツい! 以前のバージョンでも ”頑張れば” できる機能 →頑張らなくてもできるように アーティスト向けツールとして正当な進化 VFX Graphはいいぞ
参考リンク VFX Graph Roadmap: https://portal.productboard.com/unity/1-unity-platform-rendering-visual-effects/ta bs/9-visual-effect-graph GraphicsBufferサンプル: https://github.com/drumath2237/Graphics-Buffer-VFX-Sample SDF Baker
Toolサンプル: https://github.com/drumath2237/SDF-Baker-VFX-Sandbox VFX Graph 12.0 ドキュメント :https://docs.unity3d.com/Packages/
[email protected]
/manual/i ndex.html