VFX Graphを活用したコスパ重視のグラフィック作り

1.1K Views

January 24, 26

スライド概要

u1w共有回 #20の登壇資料です。

profile-image
スライド一覧

Annulus Gamesのエンジニアの部分。Author of LitMotion, Alchemy, Lua-CSharp, etc.

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

slide-thumbnail

Agent Client Protocolを用いた
AIエージェントのエディタ組み込み実践
user-img nuskey 1.7K
slide-thumbnail

プログラミング言語自作入門
user-img nuskey 1.5K
slide-thumbnail

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0
ue4 ue5 ue-beginner
user-img エピック ゲームズ ジャパン 1.7M
slide-thumbnail

Unreal Engine5 Lumenの仕組みと肝心なところ
ue5 ue-rendering ue-lumen
user-img エピック ゲームズ ジャパン 1.4M
slide-thumbnail

UE5レンダリングフロー総おさらい(2024) 基礎編！[CEDEC+KYUSHU 2024]
ue5 unreal engine ue-rendering
user-img エピック ゲームズ ジャパン 1.2M
slide-thumbnail

Meta XR SDK(V66-74)でQuestアプリを開発
spatial anchor unity quest pro shaperecognizeractivatestate oculus integration transformfeaturestateprovider building blocks transformrecognizeractivestate ovrsemanticclassification jointdeltaprovider ovrscenemanager jointvelocityactivestate オクルージョン sequenceactivestate scene manager ambisonic depth api metaxraudiosource playerlocomotor meta xr sdk quest3 ovrplayercontroller マルチモーダル meta haptics studio direct touch ui meta xr haptics sdk ovrspatialanchor ovrtrackedkeyboard hapticclipplayer fingerfeaturestateprovider hapticclip ワイドモーションモード wmm mruk mr utility kit voice sdk jointrotationactivestate meta horizon os ui set asw application spacewarp ovr metrics tool unityscene manager colocation discovery コロケーション mx ink passthrough camera api hand tracking microgestures webcamtexturemanager passthroughcamerautils cameraviewermanager hand pose selector recorder
user-img あうぜん 1.2M
各ページのテキスト
1.

VFX Graphを活用したコスパ重視の グラフィック作り > unityroom/games/onemore_snake 2026/01/24 @YouTube unity1week online共有会 #20 #u1w共有会 1

2.

- @annulusgamesまたは@nuskey8 - 最近は@nuskey8の方がメインかも - 情報工学系の大学に通ってます - 最近はRustで言語処理系を作ってます(Unity…?) - 時々VJもやります #u1w共有会 # # 自己紹介 2

3.

- 『ONE MORE』 - 全方位STG + スネークゲーム - VJやデモシーンっぽい雰囲気の グラフィック - 制作期間は3日ほど #u1w共有会 # # 作ったゲーム 3

4.

- VFX Graphの紹介 - 基本的な使い方や、Particle Systemとの比較も - ONE MOREにおけるVFX Graphの利用例 - 軽い紹介程度なので、難しい話はありません。気楽に聞いてね #u1w共有会 # # このLTの内容 4

5.

# VFX Graphとは？ #u1w共有会 5

6.

- ノードベースでビジュアルエフェクトを作れるUnityの機能 - 高機能、高い拡張性、GPUを活用したハイパフォーマンスな描画、etc… - 実質的にParticle Systemの上位互換 (衝突だけはちょっと難しい) #u1w共有会 # # VFX Graphとは？ 6

7.

- WebGLでは非対応なため、長らくWebで 使えないことが欠点だった - Unity6で正式にWebGPU対応が行われ Webでも動かせるように - WebGPUは一応experimentalなため PlayerSettingsで明示的に有効化が必要 #u1w共有会 # # Web対応 7

8.

# VFX Graphの使い方 #u1w共有会 8

9.

- Visual Effect Assetと Visual Effectコンポーネントから成る - Visual Effect Assetではノードベースで パーティクルを構成 - Visual Effectコンポーネントをアタッチした GameObjectにAssetを割り当てて使う #u1w共有会 # # Visual Effect 9

10.

- 4つのContextノードが存在する - その中にブロックを追加したり、ノードを 繋いだりすることでパーティクルを制御 - Spawn - Initialize Particle - Update Particle - Output Particle #u1w共有会 # # VFX Graphの基本 10

11.

- 圧倒的な自由度 - ノードベースでほとんど何でもできる - 複雑なイベント制御やプロパティの設定なども - Shader Graphとの連携にも対応 - パフォーマンス - Particle SystemはCPU上で動作するが、VFX GraphはGPU上で動作 - 大量にパーティクルを出しても軽い - 衝突周りはParticle Systemの方が得意 (シーン上のオブジェクトとの衝突処理が難しい) #u1w共有会 # # vs Particle System 11

12.

# 利用例 (ONE MORE) #u1w共有会 12

13.

敵オブジェクト 背景のアニメーション #u1w共有会 # # 使ったところ (映ってないけど)破壊時のエフェクト 13

14.

- 敵のグラフィック - 複数の球体が蠢いているような 見た目をパーティクルで表現 - ワイヤーフレーム部分は別の シェーダーで描画している #u1w共有会 # # 使ったところ (1) 14

15.

- 撃破時のエフェクト - 瞬間的に白く光る部分と、赤色の 周囲に散るパーティクルに分かれる - Particle Systemだと複数の GameObjectが必要だが… - VFX Graphならノードの 組み合わせのみで表現できる - シーンに1つ存在するVisual Effectを スクリプトから制御している (GameObjectを都度生成しない) #u1w共有会 # # 使ったところ (2) 15

16.

- 背景のアニメーション - 雑に四角いフレームのSpriteを アニメーションさせるだけ - 太さが一定にならないので ちゃんとやるならシェーダーを書くべき… - それっぽいもので良いならこれでも十分 #u1w共有会 # # 使ったところ (3) 16

17.

- とっつきづらそうに見えて意外と手軽 - 一度理解すればParticle Systemよりもカジュアルに組める - 再利用性の高さ - プロパティを作成して、色違いやサイズ違いのエフェクトなども簡単に作れる - Particle SystemだとPrefab Variantで実現できるが、それよりも直感的 - ノードのまとまりはSubGraphとして使いまわせる - 複雑な計算などはSubGraphにまとめておくと見やすくて良い - それっぽい絵が簡単に作れる！！ #u1w共有会 # # VFX Graphのいいところ 17

18.

# まとめ #u1w共有会 18

19.

- VFX Graphならノードベースでなんでもできる！ - WebGPUでちゃんと動く - WebGLのためにParticle Systemを使う必要なし！ - VFX Graphはいいぞ！！ #u1w共有会 # # まとめ 19

20.

# Thank you for listening! #u1w共有会 20