VAT×VFX Graphで羽ばたく群れ表現した話

本資料は、「Shader Graph / VFX Graphどうです会」にて発表した、VAT（Vertex Animation Texture）とVFX Graphを組み合わせて大量の鳥が羽ばたく群れを表現した制作記録です。
Blenderでのアニメーション作成から、OpenVATによる書き出し、Shader Graphでの頂点制御、そしてVFX Graphを用いた大量描画と個体ごとの位相差制御までの全工程を解説しています。計算負荷を抑えつつ、生き生きとした群れをUnity上で実装するための技術的な勘所をまとめました。
　発表イベント： Shader Graph / VFX Graphどうです会
　発表時期： 2026年6月6日

==

Title: Creating Dynamic Flocking Animations with VAT and VFX Graph
Overview:
This slide deck covers my presentation at the "Shader Graph / VFX Graph Meetup." It details how to create a flocking animation of birds using VAT (Vertex Animation Texture) and VFX Graph.

The presentation walks through the entire pipeline: creating animations in Blender, exporting via OpenVAT, handling vertex displacement in Shader Graph, and rendering mass instances with varying phase offsets in VFX Graph. It highlights the technical steps to achieve high-performance, organic flocking behavior in Unity while keeping the computation cost low.

Presented at: Shader Graph / VFX Graph Meetup
Date: June 2026

Transcript

1. VAT×VFX Graphで羽ばたく群れ表現した話 2026-06-06 (Sat) ShaderGraph/VFXGraphどうです会　/ さきやま 2026-06-06 Shader Graph / VFX Graph Gathering
2. さきやま Live VJ / Performance 2025.03　Iwaken Lab. Performer Fes @横浜 2025.06　INFINITY @VRC 2025.06　INTERNET FLOATING @VRC 2025.07　DoomBox @横浜 2025.08　EXCEED×INFINITY @VRC 2025.08　Remember Future Tea Party vol.5 @VRC 2025.10　draw(tokyo); #3 | #function_draw @clubasia 2025.10　INTERNET FLOATING @VRC 2026.03 　グループ展 中庭 オープニングイベント X: @sakiyama_VRC Instagram: @sakiyama_info Portfolio: https://sakiyama-info.notion.site VJ VJ / 測量会社勤務 3D都市モデル「PLATEAU」を中心に、地理空間データの整備 からユースケースの企画・開発までを行う。 「グループ展中庭」主催。 主な最近の作品（左：グループ展中庭 主催、右：PLATEAU×Rector） 2 2026-06-06 Shader Graph / VFX Graph Gathering
3. アジェンダ 3 ・　背景・モチベーション ・　やりたいこと ・　実装フロー ・　結果 ・　余談 2026-06-06 Shader Graph / VFX Graph Gathering VAT×VFX Graphで動きのある群れを表現することができたので、 そのワークフローを説明する
4. 背景・モチベーション 4 ・　VFX Graphで大量パーティクルに加えて、生き物っぽい動きをつけたい。 ・　「Shader Graph×VAT」と「VFX Graph × Shader Graph」をチャレンジしたい。 2026-06-06 Shader Graph / VFX Graph Gathering
5. つくりたいもの・リファレンス 5 ・　「Yoshi Sodeoka」さんの表現に近いもの 　・　鳥が飛んでいる　ただそれだけ　だけど　うつくしい 2026-06-06 Shader Graph / VFX Graph Gathering Yoshi Sodeokaさんの作品イメージ（おそらくBlender）
6. 実装環境 6 2026-06-06 Shader Graph / VFX Graph Gathering ・Bleneder 4.2 LTS ・Unity 6000.1.4f1 ・Open VAT
7. 実装フロー① 「Blender」 7 ・　Blenderで鳥のアニメーションを作成する ・　ループするように調整する ・　Open VATでVATを書き出し 2026-06-06 Shader Graph / VFX Graph Gathering 1f 4f 8f アウトプット画面
8. 実装フロー② 「Unitｙへインポート」 8 ・　VAT用テクスチャを読み込む ・　頂点座標をアニメーションで表現 ・　フレームを送るようにグラフを組む 2026-06-06 Shader Graph / VFX Graph Gathering JASON設定を読み込ませる ShaderGraphが生成される 動いた！
9. 実装フロー③ 「VFX Graph」 9 ・　VFX Graphを作り、「Output Shader Graph」で 　　OpenVATから作られたShaderGraphを選択 ・　いろいろパラメータをつける ・　群れとして配置され動くように調整 2026-06-06 Shader Graph / VFX Graph Gathering Output Particle Pos Tex , Min A, MaxAなどの値を、Materialを見ながら入力する。 フレームの走らせ方
10. 結果 10 ・　VAT×VFX Graphで動きのある群れを表現することができた 2026-06-06 Shader Graph / VFX Graph Gathering