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-vfx-graph-updates
Search
にー兄さん
September 22, 2021
Technology
0
820
VFX Graphの気になるアップデートを軽率に紹介したい/wanna-introduce-vfx-graph-updates
Gotanda.unity #20にてLT登壇した資料
にー兄さん
September 22, 2021
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylonjs-v7
drumath2237
1
60
軽率にVFX Graphと Compute Shaderを 組み合わせるテクニック/integrate-vfxgraph-and-compute-shader
drumath2237
1
58
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.5k
軽率にBabylon.jsを C#で使う技術 / using-babylonjs-with-csharp
drumath2237
1
410
今こそ軽率に理解したい WebXR Device APIとBabylon.jsの話 / understand-webxr-device-api-and-babylonjs
drumath2237
0
33
Vue・Babylon連携ライブラリ BabyuewJSについて / about-babyuewjs
drumath2237
0
90
軽率にBabylon.jsの WebGPUエンジンを使って ComputeShaderに入門した / learn-about-babylonjs-webgpu-computeshader
drumath2237
0
400
Snapdragon Spacesを通して Unity XRプラグインフレームワーク について軽率に学ぶ / about snapdragon spaces sdk and unity xr framework
drumath2237
0
400
Babylon.jsユーザのためのCLIを軽率にnpmで公開した話 / about create babylon app CLI
drumath2237
0
550
Other Decks in Technology
See All in Technology
Capacitor製のWebViewアプリからReact Native製のハイブリッドアプリへ
yukukotani
4
670
Amazon RDS / Amazon Aurora パフォーマンスチューニングとモニタリング
twingob
4
450
開発生産性 超入門 / development productivity introduction
igsr5
10
2.7k
OpenStack再入門「ネットワーク編」
kajinamit
0
250
Oracle Database Technology Night #79 - Oracle Database 23ai 新機能 Oracle Advanced Cluster File System (ACFS)
oracle4engineer
PRO
1
160
スタートアップがAWSパートナーになって得られたこと
shonansurvivors
3
520
GoのWebプロダクトに途中参加するときのキャッチアップ #layerxgo / How to catch up Go web product
budougumi0617
6
520
データベース06: SQL (3/3) 副問い合わせ
trycycle
0
120
物流のデータモデルを探求する深遠な旅の軌跡
kenshiro382
1
180
AWS でのクラウド時代のログ活用
itotsum
1
130
.NET 8 New Features with Code Examples
_mertmetin
0
200
[JSAI24]Object Segmentation from Open-Vocabulary Manipulation Instructions Based on Optimal Transport Polygon Matching with Multimodal Foundation Models
keio_smilab
PRO
0
120
Featured
See All Featured
BBQ
matthewcrist
80
8.8k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
Gamification - CAS2011
davidbonilla
77
4.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
22
1.5k
A Philosophy of Restraint
colly
197
16k
Navigating Team Friction
lara
179
13k
How to name files
jennybc
65
94k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
246
20k
Six Lessons from altMBA
skipperchong
22
3.1k
Why Our Code Smells
bkeepers
PRO
331
56k
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