Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
VFX Graphを使って 軽率にAudio Visualizerを作る
にー兄さん
May 13, 2022
Technology
0
130
VFX Graphを使って 軽率にAudio Visualizerを作る
yokohama.unity #10でLT登壇した資料です
にー兄さん
May 13, 2022
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
Google I/O 2022で発表された ARCore Geospatial APIについて 軽率に語ってみる / introduce arcore geospatial api
drumath2237
0
170
軽率に2021年度を振り返る/what i did in this year
drumath2237
0
12
ARマイクラで使った技術を 軽率に解説する/Introducing technologies of AR Minecraft
drumath2237
0
56
軽率にUnityで OAK-D Liteが使えるらしい/using oak-d lite with unity
drumath2237
0
130
ARクラウドがもたらす 未来のAR体験について 軽率に語ろう / lets-talk-about-arcloud-and-feature-technologies
drumath2237
0
84
MicrosoftのMixed Reality関連技術を軽率にサクッと紹介する / Introduce Mixed Reality Products of Microsoft
drumath2237
0
16
VFX Graphの気になるアップデートを軽率に紹介したい/wanna-introduce-vfx-graph-updates
drumath2237
0
440
HoloLens2のWebARで軽率にImmersalによる位置合わせを行う / Localize using Immersal in WebAR Project in HoloLens2 Edge
drumath2237
0
990
Edge on HoloLens2で軽率にWebXRするときが来た
drumath2237
0
1.3k
Other Decks in Technology
See All in Technology
モブに早く慣れたい人のためのガイド / A Guide to Getting Started Quickly with Mob Programming
cybozuinsideout
PRO
2
1.3k
PUTとPOSTどっち使う?
hankehly
0
150
Istio入門
nutslove
15
4.8k
2022年度新卒技術研修「 ソフトウェアテスト」講義
excitejp
PRO
0
330
データエンジニアリングの潮流を俯瞰する
tetsuroito
1
700
JUnit5.7, 5.8の新機能紹介 #jjug_ccc #jjug_ccc_b / junit 5.7, 5.8 new features
kyonmm
PRO
2
400
What's Data Lake ? Azure Data Lake best practice
ryomaru0825
2
720
Build 2022で発表されたWindowsアプリ開発のあれこれ振り返ろう
hatsunea
1
350
通知がOFFだとToastは表示されな… されてる!?
napplecomputer
0
200
RDRA + JavaによるレジャーSaaSプロダクトの要件定義と実装のシームレスな接続
jjebejj
PRO
2
480
会社訪問アプリ「Wantedly Visit」における推薦システム開発事例
hakubishin3
2
490
データをモデリングしていたら、組織をモデリングし始めた話 / engineers-in-carta-vol3-data-engineer
pei0804
4
3.2k
Featured
See All Featured
The Mythical Team-Month
searls
209
39k
Docker and Python
trallard
27
1.6k
The Art of Programming - Codeland 2020
erikaheidi
32
9.3k
The Brand Is Dead. Long Live the Brand.
mthomps
46
2.7k
Typedesign – Prime Four
hannesfritz
33
1.3k
Infographics Made Easy
chrislema
233
17k
The Language of Interfaces
destraynor
148
20k
Thoughts on Productivity
jonyablonski
43
2.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Building Flexible Design Systems
yeseniaperezcruz
310
34k
Rails Girls Zürich Keynote
gr2m
86
12k
Automating Front-end Workflow
addyosmani
1351
200k
Transcript
VFX Graphを使って 軽率にAudio Visualizerを作る にー兄さん(@ninisan_drumath) yokohama.unity#10
にー兄さん(@ninisan_drumath) - 筑波大学 情報科学類(coins18) - HoloLab inc.アルバイト - Microsoft Learn
Student Ambassadors - Iwaken Lab. 趣味はUnity、ギター、コーヒー、VTuberオタ活 愛猫→
agenda VFX Graphについて Audio Visualizerを作る おわりに
VFX Graphについて
VFX Graphとは GPUパーティクルシステム URP・HDRP上で動作する ノードベースでシステムを定義する
Property Binder 外部データをVFXGraphのプロパティに値をバインドする 例) Property Binder VFX Graph radius:float center:Vec3
position:Vec3
Audio Visualizerを作る
Audio Spectrum to AttributeMap ビルトインなProperty Binderの一種 音声データのスペクトラムを テクスチャ(AttributeMap)に変換する サンプル数とテクスチャをバインド
Audio Spectrum to AttributeMap サンプル数x1のテクスチャを生成 各ピクセルに周波数の値が書き込まれている TextureFormatはR32Floatらしい
AttributeMapのサンプリング Sample Attribute Mapノードを用いてサンプリング サンプル数とAudio Spectrumが書き込まれているテクスチャを渡す テクスチャのフォーマットに合わせてfloatで出力する
DEMO!
おわりに
まとめ - VFX Graphを使えばノーコードでAudio Visualizerが作れる - Audio Spectrumは音声をスペクトラムをAttributeMapに変換して バインドする
クレジット・参考文献 使用楽曲 Space Town (Brand New Mix) / Khaim https://dova-s.jp/bgm/play4000.html
VFX GraphビルトインのPropertyBinder https://docs.unity3d.com/ja/Packages/com.unity.visualeffectgraph@10.7/manual/PropertyBinders.h tml#%E3%83%93%E3%83%AB%E3%83%88%E3%82%A4%E3%83%B3-property-binder