VFX Graphを使って軽率にAudio Visualizerを作る

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/[email protected]/manual/PropertyBinders.h tml#%E3%83%93%E3%83%AB%E3%83%88%E3%82%A4%E3%83%B3-property-binder

VFX Graphを使って軽率にAudio Visualizerを作る

VFX Graphを使って軽率にAudio Visualizerを作る

にー兄さん

More Decks by にー兄さん

Other Decks in Technology

Featured

Transcript