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
790
VFX Graphの気になるアップデートを軽率に紹介したい/wanna-introduce-vfx-graph-updates
Gotanda.unity #20にてLT登壇した資料
にー兄さん
September 22, 2021
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.2k
軽率にBabylon.jsを C#で使う技術 / using-babylonjs-with-csharp
drumath2237
1
280
Vue・Babylon連携ライブラリ BabyuewJSについて / about-babyuewjs
drumath2237
0
49
軽率にBabylon.jsの WebGPUエンジンを使って ComputeShaderに入門した / learn-about-babylonjs-webgpu-computeshader
drumath2237
0
290
Snapdragon Spacesを通して Unity XRプラグインフレームワーク について軽率に学ぶ / about snapdragon spaces sdk and unity xr framework
drumath2237
0
290
Babylon.jsユーザのためのCLIを軽率にnpmで公開した話 / about create babylon app CLI
drumath2237
0
460
軽率な執筆活動 / writing books roughly
drumath2237
0
28
軽率にBabylon.jsへ WebXR Featureを実装して OSSコミットした
drumath2237
1
840
軽率に休学したら Babylon.js×WebARで 夢を3つ叶えてた / my dreams with babylon.js and WebAR
drumath2237
0
380
Other Decks in Technology
See All in Technology
事業部を超えた 開発生産性向上に挑戦する
kentakozuka
2
220
Command-line interface tool design / PHPerKaigi 2024
k1low
4
1k
プレイヤーとしてのチームのテスト力UP/Improving team skills for testing
goyoki
2
230
Pass On What You Have Learned: Deploying to Production
ianlee1521
0
150
How to Build a Strong Engineering Culture
alperhankendi
0
120
SSMエージェントはIAMロールの夢を見るか/ Do SSM Agents Dream Of IAM Roles?
yukihirochiba
0
1.4k
本気でプロダクトに向き合うCTOになるために必要な事 (技育祭2024春)
mosa_siru
33
12k
ChatGPTのLT会-メモソフトにChatGPT入れると結構便利
okada_fuutass
0
160
The Twelve-Factor App とクラウドアプリケーションのコスト
ny7760
3
260
調整さんの調整結果をカレンダーへ登録するGPTsを作った話
hrsano645
1
160
『LeanとDevOpsの科学』をきちんと解読する 〜Four Keys だけじゃ絶対もったいなくなる話〜
bonotake
27
6.6k
Azure AI サービス全体像と Prompt flow 紹介 - Forkwell Library
shohei1029
1
600
Featured
See All Featured
Six Lessons from altMBA
skipperchong
19
2.9k
Clear Off the Table
cherdarchuk
82
310k
What's new in Ruby 2.0
geeforr
335
31k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
67
38k
BBQ
matthewcrist
78
8.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
28
5.9k
The Language of Interfaces
destraynor
150
22k
Designing with Data
zakiwarfel
94
4.8k
Designing Experiences People Love
moore
135
23k
Raft: Consensus for Rubyists
vanstee
130
6.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
4
1.4k
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