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
1k
VFX Graphの気になるアップデートを軽率に紹介したい/wanna-introduce-vfx-graph-updates
Gotanda.unity #20にてLT登壇した資料
にー兄さん
September 22, 2021
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
軽率にAndroidXRのJetpack SceneCoreを使って3Dモデルを表示してみる / androidxr-scenecore-3dmodels
drumath2237
0
35
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
4
1.5k
create-babylon-appを軽率にアプデしたい / update create babylon app
drumath2237
1
1.6k
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylonjs-v7
drumath2237
1
320
軽率にVFX Graphと Compute Shaderを 組み合わせるテクニック/integrate-vfxgraph-and-compute-shader
drumath2237
1
400
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.9k
軽率にBabylon.jsを C#で使う技術 / using-babylonjs-with-csharp
drumath2237
1
870
今こそ軽率に理解したい WebXR Device APIとBabylon.jsの話 / understand-webxr-device-api-and-babylonjs
drumath2237
0
220
Vue・Babylon連携ライブラリ BabyuewJSについて / about-babyuewjs
drumath2237
0
190
Other Decks in Technology
See All in Technology
依存パッケージの更新はコツコツが勝つコツ! / phpcon_nagoya2025
blue_goheimochi
3
210
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
150
データベースの負荷を紐解く/untangle-the-database-load
emiki
2
500
Amazon Q Developerの無料利用枠を使い倒してHello worldを表示させよう!
nrinetcom
PRO
2
110
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
540
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
220
スキルだけでは満たせない、 “組織全体に”なじむオンボーディング/Onboarding that fits “throughout the organization” and cannot be satisfied by skills alone
bitkey
0
170
クラウドサービス事業者におけるOSS
tagomoris
4
1k
ウォンテッドリーのデータパイプラインを支える ETL のための analytics, rds-exporter / analytics, rds-exporter for ETL to support Wantedly's data pipeline
unblee
0
120
分解して理解する Aspire
nenonaninu
2
1k
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
180
Raycast Favorites × Script Command で実現するお手軽情報チェック
smasato
1
140
Featured
See All Featured
Visualization
eitanlees
146
15k
Embracing the Ebb and Flow
colly
84
4.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Git: the NoSQL Database
bkeepers
PRO
427
65k
Building an army of robots
kneath
303
45k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Bash Introduction
62gerente
611
210k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
A Tale of Four Properties
chriscoyier
158
23k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
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