【GCC2026】鉄拳8でのVFX開発事例

2026年3月28日(土)に行われた『GAME CREATORS CONFERENCE ’26』の講演資料です。

鉄拳8のビジュアルコンセプトに基づいたUnreal Engine 5のNiagaraを活用したエフェクト表現の事例と、専用モジュールを用いたVFX制作技法について実践的なアプローチを交えてご紹介させていただきます。

Transcript

1. 鉄拳8のVFX制作事例
2. 自己紹介 株式会社バンダイナムコスタジオ/VFXアーティスト 外塚 勇己 トヅカ ユウキ 主な業務履歴 映像制作経験を経て、バンダイナムコスタジオに入社。 VFXアーティストとしてゲーム開発に携わる。 ・エースコンバット7 / VFXアーティスト ・鉄拳8 / VFXアーティスト
3. 鉄拳8のエフェクト事例紹介 概要説明 鉄拳８のビジュアルコンセプトに基づいた Unreal Engine 5のNiagaraを活用したエフェクト表現の事例と 専用モジュールを用いたVFX制作技法について実践的なアプローチの紹介。
4. 鉄拳8のVFXコンセプト ▪“溢れ出る力”の補助となる迫力ある表現 ▪遊びやすさを損なわない、どの瞬間でも見栄えのいい プレイ時の気持ち良さを増幅させる表現 ▪鉄拳エフェクトとして正統進化を感じさせる表現 ▪フォトリアルの世界観に合う表現
5. 鉄拳8のエフェクト事例紹介
6. 鉄拳8のエフェクト事例紹介 Niagaraによるエフェクトデータの作成について
7. 鉄拳8のエフェクト事例紹介 主な使用ツール ・Niagara(Unreal Engine 5) ・Maya ・Houdini ・Substance 3D Designer ・Photoshop ・After Effects
8. 鉄拳8のエフェクト事例紹介 エフェクトの種類 1 バトルエフェクト 2 背景エフェクト 3 破壊エフェクト 4 演出エフェクト
9. バトルエフェクト バトルエフェクトについて
10. バトルエフェクト スケルタルメッシュを使った実装 A B
11. バトルエフェクト スケルタルメッシュを使った実装 キャラの骨を選択
12. バトルエフェクト スケルタルメッシュを使った実装
13. バトルエフェクト スケルタルメッシュ専用モジュール NM Init World to Local by Rotationモジュール NM World to Local by Rotationモジュールの紹介 ふたつの専用モジュールを併用することで ローカルパーティクルを実装しています。
14. バトルエフェクト スケルタルメッシュ専用モジュール モジュールで骨の座標を取得。 Particle SpawnとParticle Update それぞれにモジュールを入れる 座標の移動値を取得。 構成になります。 BindingsのPosition Bindingを ローカルに変更し レンダリングに反映。
15. バトルエフェクト ステータス変化のユーザーパラメータ 通常時 ヒート時
16. バトルエフェクト ステータス変化のユーザーパラメータ 通常時 ヒート時 HeatState Heat キャラのステータスと紐づけてパラメータを 切り替えています。 HeatState ここでは色を切り替えています。
17. バトルエフェクト リボンエフェクトの向き調整 NM Ribbon Custom Facingモジュールの紹介 モジュール実装前 モジュール実装後
18. バトルエフェクト リボンエフェクトの向き調整 NM Ribbon Custom Facingモジュールの紹介 モジュールを使うことで、リボンのメッシュの 向きをそれぞれの方向に固定することが出来ます。
19. 背景エフェクト 背景エフェクトについて
20. 背景エフェクト 背景エフェクトについて
21. 背景エフェクト ゲームスピードに応じたパーティクルの形状変化 スローの時に雨粒の見え方リアルタイムに変化
22. 背景エフェクト ゲームスピードに応じたパーティクルの形状変化 形状やレンダラーが速度によって変わる様子 スプライトサイズを変更する場合 RenderのVisibilityを変更する場合
23. 背景エフェクト エフェクトの壁消し NM Barrier Wallモジュールの紹介 壁消しなし 壁消しあり 分かりやすいようにエフェクトだけスローにしています 壁側にカメラが回り込むと手すりと一緒に破壊エフェクトも消えるのが分かります
24. 背景エフェクト エフェクトの壁消し NM Barrier Wallモジュールの紹介 消えるときのフェード具合も調整可能
25. 背景エフェクト エフェクトのカメラ追従 NM Camera Position Offset Systemモジュールの紹介 カメラで見えている範囲にのみにエフェクトを描画させることで処理を軽くしています。 常にカメラに追従しながら発生している様子 画面左の仕組みにForceを加えて雪エフェクトを表現
26. 背景エフェクト エフェクトのカメラ追従 NM Camera Position Offset Systemモジュールの紹介 モジュールと併用してカメラ位置の取得と、ユーザーパラメータで カメラに対して上下左右や前後に位置をオフセットすることも可能 床からどの高さでエフェクトを発生させるかを指定します
27. 背景エフェクト エフェクトのカメラ追従 他のステージでも実装（紙吹雪、木の葉、雨、煙）
28. 背景エフェクト インタラクションエフェクト Niagaraでの落ち葉のインタラクション 落ち葉の数を５倍にした場合 ※実際のゲームとは異なります
29. 背景エフェクト インタラクションエフェクト Niagaraでの落ち葉のインタラクション NM Interact Point Attraction Forceモジュールの紹介 NM Render Visibilityモジュールの紹介 Attraction Strengthでインタラクションの強度を調整。 Falloff Exponentで影響範囲を指定。 4種類の落ち葉をRender Visibility専用モジュールでラン ダム発生させている
30. 背景エフェクト 鳥エフェクト 遠景の鳥をNiagaraで作成
31. 背景エフェクト 鳥エフェクト BAOBAB HORIZON（バオバブ・ホライゾン）ステージでは多くの鳥を エフェクトで飛ばす必要があり、負荷を考慮しVATではなくMorphTargetを使用しました。 A A B マテリアルファンクションの B AとBの形状の繰り返し Static Mesh Morph Targetsに格納 ダイナミックパラメータと 連動させることで アニメーションのタイミングを Niagara側で調整しています。
32. 破壊エフェクト 破壊エフェクトについて
33. 破壊エフェクト 床破壊エフェクト バトル時のインタラクション別の分類 ダウン 横滑り
34. 破壊エフェクト 床破壊エフェクト バトル時のインタラクション
35. 破壊エフェクト 床破壊エフェクト VATを使用した物理破片 Houdini Houdiniで破片を作成しCSVに質量やコリジョン情報を格納。
36. 破壊エフェクト 床破壊エフェクト デカールの構成要素 Albedo Normal Opacity Mask Height デカールの実装 デカールなし デカールあり
37. 破壊エフェクト 破壊エフェクト実装 Data Asset内でエフェクトの調整 各床破壊要素のアサイン （ヒットダメージで大中小に分類） デカールのサイズや 位置調整
38. 破壊エフェクト 破壊エフェクト実装 DAとNiagaraの連携による効率化 ひとつのNiagara内で大中小の切り替え 同じNiagaraをアサイン
39. 破壊エフェクト 床破壊エフェクト実装 Niagaraの色を呼び出す仕組み 白い砂煙 オレンジ色の砂煙 3パターンの色違いのNiagaraが必要 暗めの砂煙
40. 破壊エフェクト 床破壊エフェクト実装 Niagaraの色を呼び出す仕組み ひとつのNiagara内でのカラーバリエーション設定 エフェクトアサイン用のDA User ParameterでIndexを切り替え Indexの値を反映 ・Index[0] 昼 ・Index[1] 夕 ・Index[2] 夜
41. 破壊エフェクト 床破壊エフェクト実装 Niagaraの色を呼び出す仕組み ひとつのNiagaraで3パターンの色違い実装が可能 Index[0] 昼 Index[1] 夕 Index[2] 夜
42. 破壊エフェクト バトルエフェクトとの連動 Hit Floor Positionモジュールの紹介
43. 破壊エフェクト バトルエフェクトとの連動 Hit Floor Positionモジュールの紹介 エフェクトの床へのヒットを自動判定し、 ヒット個所から発生させる仕組み 鉄拳8のコンセプトに沿った表現を可能にした。
44. 演出エフェクト 演出エフェクトについて |実装前 |実装後
45. 演出エフェクト ゲームスピードに応じたパーティクルの制御 エフェクト側のスローの強度を調整 速度を好きな倍率で制御できる様子 ゲームはスロー状態ですが、エフェクトは通常速度で再生
46. 演出エフェクト 大破壊演出のフロアブレイク、バルコニーブレイク エフェクトありなしの比較動画 エフェクトによる演出の重要性がわかります |実装前 |実装後
47. 演出エフェクト 大破壊演出のフロアブレイク、バルコニーブレイク 破壊表現はエフェクトだけではなく、背景側の破壊アニメーションと合わせて表現しています。 背景側で破壊VATを作成 破壊VATにあわせたエフェクトを用意
48. 演出エフェクト 大破壊演出のフロアブレイク、バルコニーブレイク 動画
49. 処理負荷について エフェクトの最適化 エフェクトを最適化するためのモジュール 60FPS 厳守
50. 処理負荷について 処理負荷軽減の紹介 エミッター数を抑える SpawnGroupやRenderVisibilityを利用してエミッターまとめる ・ ・
51. 処理負荷について 処理負荷軽減の紹介 SpawnGroupの複雑化問題 このように複雑な構造になって作業しずらくなる… 専用モジュールでわかりやすくなりました
52. 処理負荷について 処理負荷軽減の紹介 Groupモジュールの汎用性 CurveもGroup化できます VelocityもGroup化できます ColorもGroup化できます
53. エフェクトについてまとめ
54. まとめ 1 Niagara専用モジュールによる柔軟な表現 2 ユーザーパラメータによる制御とデータ効率化 3 フォトリアルな背景エフェクトの実現と最適化 4 破壊エフェクトの進化（物理挙動×Niagara×デカール） 5 パフォーマンス維持のための“最適化”
55. ご清聴ありがとうございました。 TEKKEN 8 & ©Bandai Namco Entertainment Inc.