Downloaded 121 times
![#ue4fest#ue4fest
• https://udn.unrealengine.com/s/question/0D52L00004luxKpSAI
// 変更したいカメラトラックを探す
FMovieSceneObjectBindingIDtargetBindingID;
for (int i = 0; i < spawnableCnt; ++i)
{
const FMovieSceneSpawnable& Spawnable = movieScene->GetSpawnable(i);
FString str = Spawnable.GetName();
if (str.StartsWith(findingName))
{
targetBindingID = FMovieSceneObjectBindingID(Spawnable.GetGuid(), MovieSceneSequenceID::Root, EMovieSceneObjectBindingSpace::Local);
isFound = true;
break;
}
}
if (isFound)
{ // CameraCutトラックのカメラを変更する
UMovieSceneTrack*camTrack = movieScene->GetCameraCutTrack();
if (camTrack != nullptr)
{
const TArray<UMovieSceneSection *>sections = camTrack->GetAllSections();
for (int i = 0; i < sections.Num(); ++i)
{
UMovieSceneCameraCutSection*camSection = Cast<UMovieSceneCameraCutSection>(sections[i]);
if (camSection != nullptr) {
camSection->SetCameraBindingID(targetBindingID);
camSection->Modify();
camSection->MarkAsChanged();
}
}
}
}](https://image.slidesharecdn.com/unreal-festext2020winterxeen-201117070233/85/UE4-Making-of-Mana-UNREAL-FEST-EXTREME-2020-WINTER-69-320.jpg)
Uploaded byエピック・ゲームズ・ジャパン Epic Games Japan
聖剣伝説３でのUE4利用事例の紹介~Making of Mana | UNREAL FEST EXTREME 2020 WINTER
UNREAL FEST EXTREME 2020 WINTER 再生リスト https://www.youtube.com/playlist?list=PLr_Cbd4sUDTzxG9a4TrU0Rg6-ApCJBCsI 講演内容： 「聖剣伝説３ TRIALS of MANA」にて、以下の事例においてUnreal Engine 4 をどのように使用したかを詳しく紹介させていただきます。 ・キャラクターの表現 ・シーケンサーを使ったイベントシーンの再生 ・その他エンジニア向けTIPS 講演者： 本告 禎一 ( 株式会社ジーン MOE事業部 プログラマー ) 滝下 直樹 ( 株式会社ジーン 第1開発事業部香川スタジオ室長 ) 植本 修平 ( 株式会社ジーン 3Dアーティスト ) https://unrealengine.jp/unrealfest/ #ue4fest
More Related Content
![[UE4]マテリアルの注意すべきこと！～テクスチャロードとSwitch～](https://cdn.slidesharecdn.com/ss_thumbnails/ue4materialcaution-190309153116-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック](https://cdn.slidesharecdn.com/ss_thumbnails/cedec2018charcterperdormanceoptimze-180823081028-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CEDEC2018] UE4アニメーションシステム総おさらい](https://cdn.slidesharecdn.com/ss_thumbnails/animationsystem-180823080249-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to 聖剣伝説３でのUE4利用事例の紹介~Making of Mana | UNREAL FEST EXTREME 2020 WINTER
聖剣伝説３でのUE4利用事例の紹介~Making of Mana | UNREAL FEST EXTREME 2020 WINTER
- 1.
- 2. #ue4fest#ue4fest • アーティスト編(キャラクター) • プログラム編(シーケンサーを利用したイベントシーン再生) •プログラム編(開発で得た知見について) お品書き
- 3.
- 4. #ue4fest#ue4fest • 自己紹介 • 聖剣伝説3Trials of Mana紹介 • はじめに(前置き) • アウトラインについて • シェーダーについて 目次 • ライティングについて • 揺れものについて
- 5. #ue4fest#ue4fest 名前：植本 修平 役職：３Dアーティスト 自己紹介 • 案件役割 •プレイヤーキャラクターのモデリング。 • モンスター、ボスモデリング。 • 背景についてアレコレ手段を労する • キャラマテリアル、背景の特殊表現マテリアル作成 • ポスプロマテリアル作成、ポスプロ調整 • キャラと背景とイベントをつなぐ人 • 各プラットフォームの描画設定、描画負荷を追っかける人 • メニュー系画面(3D)、演出等 • 心の清涼剤、その他諸々
- 6.
- 7. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. 聖剣伝説3 Trials of Mana紹介 本スライドは株式会社スクウェア・エニックスが権利を有する著作物を利用しています。 当該コンテンツの転載・配布は禁止いたします。 • スクウェア・エニックス社のブランドである 聖剣伝説シリーズ３作目のリメイク作品 • 原作は1995年に スクウェア社より発売された スーパーファミコン用ソフトのRPG https://www.jp.square-enix.com/seiken3_tom/ ※以降、聖剣伝説3 ToMと表記
- 8.
- 9. #ue4fest#ue4fest • エンジンについては最終4.22.3を使用 • (グラフィック用には無改造) •エンジン標準の機能のみで作成 はじめに(キャラクター編)
- 10.
- 11. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • アナログ感を意識 原作のドット、イラスト。本作でのイラスト。三者三様の魅力的な要素。 それぞれ違った魅力の中でも共通項を考え、 ハンドメイド感(暖かみなど)を感じる画作りを意識 (便宜上、こちらを機械的ではない、という意味でアナログ感と表記) はじめに(ビジュアルについて)
- 12.
- 13. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. ポストプロセスにてアウトラインを作成 アウトラインについて
- 14. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. 輪郭用の深度比較と、 ディテール用の法線比較、角度抽出を使用 アウトラインについて
- 15. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. アウトラインに強弱追加 アウトラインについて
- 16. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. アウトラインについて アウトラインに強弱追加 (WorldNormalを利用したマスクを参照)
- 17. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. アウトラインについて アウトラインに強弱追加(色味変更) (WorldNormalを利用したマスクを参照)
- 18.
- 19. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • Non物理ベース • 特徴的なスペキュラ、陰影はマテリアル内で表現 シェーディング
- 20.
- 21. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. シェーディング(要素について) • シェーディングの要素について • ベースカラーのみ
- 22. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. シェーディング(要素について) • シェーディングの要素について • ベースカラー • 陰1,2を追加
- 23. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. シェーディング(要素について) • シェーディングの要素について • ベースカラー • 陰1,2 • リムライト追加
- 24. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. シェーディング(要素について) • シェーディングの要素について • ベースカラー • 陰1,2 • リムライト • シャドウ追加(ハーフランバート)
- 25. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. シェーディング(要素について) • シェーディングの要素について • ベースカラー • 陰1,2 • リムライト • シャドウ(ハーフランバート) • スペキュラ追加
- 26. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. シェーディング(陰について) リムの領域で陰をマスクすることで、地の色のままでリムライトを表現。 稜線の表現と、バックライトの表現で併用
- 27. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. シェーディング(テクスチャ) ノーマルマップにタッチが出るようにフィルタをかけ、 シェーディング部分にアナログ感を持たせるように調整
- 28.
- 29. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. ライティング 原作の、 時間帯変化の再現のため、 ステーショナリーの ディレクショナルライト、 スカイライトを使用 (他は基本スタティック) ステージ毎に、 24時間分のアニメーション カーブで調整。
- 30. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. ライティング(メニュー画面) レンダーターゲット(2D)は使わず、 3D上のものをそのままレンダリング で使用。 開発当時のエイリアシングの問題や、 (ゲーム中はTemporalAAを使用) 処理負荷都合、高解像度で テクスチャを準備できなかった、 などの理由のため
- 31. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. ライティング(メニュー画面) (当然ながら)そのまま使用してしまうと ステージ上のライトが反映されてしまう問題
- 32. #ue4fest#ue4fest • ライティングチャンネルの変更で、 ステージのライトが 当たらないように変更 ライティング(メニュー画面) • ポストからGIをOFFにすることで、 ボリューメトリックライトの 影響を切る •r.SkyLightingQualityコマンドで スカイライトを制御
- 33. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. ライティング(メニュー画面) AmbientCubeMapにてライティング エミッシブのみ AmbientCubeMap
- 34.
- 35.
- 36. #ue4fest#ue4fest • KawaiiPhysicsとは • エピックゲームズ ジャパンの猫 おかず様作成の非公式の疑似物理プラグイン UnrealEngine4用に作成され、 髪、スカート、胸などの揺れものを 「かんたんに」「かわいく」 揺らすことができます。 https://github.com/pafuhana1213/KawaiiPhysics 揺れものについて
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • 聖剣伝説3は、6人のメインキャラクターから主人公、仲間１、仲間2を 選んだ組み合わせによって、ストーリーが複雑に変化します。 • この複雑なストーリーの全組み合わせをシーケンサーで一つずつ制作す ることは現実的ではありません。 聖剣伝説3 ToMのイベントシーンの作り方
- 51.
- 52. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. ※本ページは動画ですが、資料からは再生できません。
- 53.
- 54.
- 55.
- 56. #ue4fest#ue4fest • アニメーションのファイル名は全キャラクターで共通の命名則にします。 AM_pc01_01a_a_angry01_L.uasset • イベントシーン再生開始時に、再生するシーケンサーをC++にて走査し て、必要なアニメーション名を抽出します。 •出演するキャラクターの同名アニメーションをロードして、シーケンサ ーで指定されたアニメーション再生タイミングで全く同じアニメーショ ンを再生します。 • 各キャラクターのアニメーションはコンバーターで自動収集してcsvを 作成し、データテーブル化しています。 キャラID クラスID アニメーション名
- 57. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • アニメーションは、体、眉、目、口の4つのレイヤーをブレンド再生し ています。 【聖剣伝説3 ToMのイベントシーンの作り方】 アニメーションのレイヤー
- 58.
- 59.
- 60.
- 61.
- 62. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • 愛用していたPayload型イベントですが、開発途中のUE4.21へのアップ デートの際に、非標準仕様になりました。 • 泣きました。 • でも、作成済みのシーケンサーからPayload型のイベントトラックをコ ピペすることで、利用し続けました。
- 63.
- 64. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • 角度を直接指定する方法と、ターゲットを指定するLookAt 型の2つを用 意しました。 目の向き、首の向きの調整
- 65. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • ただし、メインキャラはそれぞれ、眼球の大きさが違いますので、 可動限界角度を設定して実行時に抑制しています。
- 66.
- 67. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • パーティーメンバーに応じて、一部のカメラを切り替えています。 （シャルロットがちびっこすぎる！！） パーティー構成に応じたカメラの切り替え
- 68.
- 69. #ue4fest#ue4fest • https://udn.unrealengine.com/s/question/0D52L00004luxKpSAI // 変更したいカメラトラックを探す FMovieSceneObjectBindingIDtargetBindingID; for(int i = 0; i < spawnableCnt; ++i) { const FMovieSceneSpawnable& Spawnable = movieScene->GetSpawnable(i); FString str = Spawnable.GetName(); if (str.StartsWith(findingName)) { targetBindingID = FMovieSceneObjectBindingID(Spawnable.GetGuid(), MovieSceneSequenceID::Root, EMovieSceneObjectBindingSpace::Local); isFound = true; break; } } if (isFound) { // CameraCutトラックのカメラを変更する UMovieSceneTrack*camTrack = movieScene->GetCameraCutTrack(); if (camTrack != nullptr) { const TArray<UMovieSceneSection *>sections = camTrack->GetAllSections(); for (int i = 0; i < sections.Num(); ++i) { UMovieSceneCameraCutSection*camSection = Cast<UMovieSceneCameraCutSection>(sections[i]); if (camSection != nullptr) { camSection->SetCameraBindingID(targetBindingID); camSection->Modify(); camSection->MarkAsChanged(); } } } }
- 70.
- 71.
- 72. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. ※本ページは動画ですが、資料からは再生できません。
- 73. #ue4fest#ue4fest • セリフのテキストIDと音声ファイル名は一致させるルール。 • スクウェア・エニックス様のテキスト管理システムByblosで は、セリフに対して発話者名も設定されている。 •Byblosについては、2017年のCEDECで紹介されています。 • CEDEC Digital Library https://cedil.cesa.or.jp/cedil_sessions/view/1742 • Social Game Info 記事 https://gamebiz.jp/?p=192461 【リップシンク対応】 実装方法
- 74.
- 75.
- 76. #ue4fest#ue4fest • イベントシーン再生時に、テキスト表示コマンドの発動に連動 させて・・・ • 同名の音声を再生 •そのテキストに設定された発話者名に対応するActorに、リップシンク アニメーションを再生。 （Byblosに発話者名の設定があって本当に良かった！） • ただし、モデルデータに名前が紐づかないようなモブキャラの場合だけは、どの Actorにリップシンクアニメーションを再生するか個別に指定しています。 【リップシンク対応】 実装方法
- 77.
- 78.
- 79.
- 80. #ue4fest#ue4fest • UE4.18で開発スタート。３回のアップデートを経て最終バージョンは 4.22。 • エンジンについては、CLマージを加味してプログラマセクション用に ソースコードを用意。それ以外のセクションではビルドを済ませた バイナリバージョンで開発。 •C++での開発実績は多いものの、UE４での大規模開発実績はほぼ0 開発環境について
- 81.
- 82. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. バトル確認用デバッグレベル サウンド確認用デバッグレベル • あとは量産、結合するだけ！ 他にもイベント単体確認デバッグ レベルや、エフェクト確認レベル 等様々なデバッグ用レベルを用意 しました。 • 確認したいリソースをレベルに放り込むだけで簡単に確認する事が出来る！ →各セクション側だけでも独立して検証出来てしまうので 単体テストが凄くラク！ 意外となんとかなる
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89. #ue4fest#ue4fest 単純なバグは修正するとして・・・ • クラッシュは街中を歩いているだけでも発生してしまう • 全体的に重いが、戦闘中特に重かった •展示用ROMの規模から考えてもロード時間が想定以上にかかっている そこで・・・ ２～３名のプロファイルチームを組み、負荷プロファイルを開始。 同時にEPIC様にも状況を説明し、ヘルプを要請させて頂きました。
- 90.
- 91.
- 92. #ue4fest#ue4fest • GameInstance、PlayerController で大量にハード参照で紐づいている →Assetが各リソースをハード参照している ハード参照で紐づくことによって要らないものにまでメモリが使用されて いる状態となっていた。 原因を深掘りしていくと・・・ •ロード時間が長い ＝不必要なリソースにロード時間が取られていた • クラッシュしてしまう＝不必要なリソースにメモリが利用され、メモリ不足を引き起こしていた つまり、 今回起きている問題の大部分はこれが占めてる可能性が極めて高い。
- 93. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. 100以上の紐づ き 2.6GBのサイズ さらに参照を追っていくと… ゲーム起動時にすでに ボスのスケルタルメッシュを読み込んでいると発覚。 このようなAssetの紐づきによってメモリを圧迫している。 リファレンスビューアにてGameInstanceを覗いてみた。
- 94.
- 95.
- 96. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • データテーブル、Actorに対しての Assetをハード参照からソフト参照へ変更 Assetのハード参照をソフト参照へ しかし、ここで問題が発生。
- 97. #ue4fest#ue4fest© SQUARE ENIXCO., LTD. All Rights Reserved. • データテーブル、Actorに対しての Assetをハード参照からソフト参照へ変更 Assetのハード参照をソフト参照へ しかし、ここで問題が発生。 各ActorのBeginPlayなどで管理マネージャーにアクセス ↓ 管理マネージャー生成されてなければ生成、となり、 どのActorがどのタイミングアクセスしてくるか順不同。 とても読み込みのフローを担保できる状況ではなかった。 初期化フローをすべて一から作成しなおしました。
- 98.
- 99. #ue4fest#ue4fest 【ロード時間短縮に効果的な対応】 • プレイヤー系の常駐、エフェクト類の常駐、SE類の常駐処理対応 • ウィジェット類/アイコンテクスチャをキャッシュして利用するように対応 •独立性の高さ故、各作業者間のテスト用データ(グラフィックデータ等も含 む)が散らかっていたので整理した →事前にセクション間で明確なルールを決め、遵守する。 無駄なリソースデータはROMの容量にも影響するので可能な限り徹底しておく。 その他の対応(事前に確認/設定しておくべき項目)
- 100. #ue4fest#ue4fest 【 CPUパフォーマンス改善に効果的な対応】 • Tickを可能な限りDisableへ設定する →プロジェクト作成時に一括でDisableへ設定し、必要なActorのみEnableにするのが望ましい。 →複雑な処理はやはりC++側で処理した方が速い。 •PGO(Profile Guided Optimization)の利用 →ゲーム中のプロファイル結果を基にした最適化機能。 • URO (Enable Update Rate Optimizations)を有効に →カメラから離れたキャラのアニメーション更新頻度を落とすことで負荷を削減出来る設定。 その他の対応(事前に確認/設定しておくべき項目)
- 101.
- 102.
- 103.
- 104. #ue4fest#ue4fest • 本作で遭遇した問題の殆どは過去、先人達の通ってきた道 →フォーラムを活用しましょう！必ず助けてくれます！ →過去の講演資料に目を通しておきましょう！ まとめ 先人達の言う事はちゃんと聞きましょう！ ごめんネ. .. https://www.slideshare.net/EpicGamesJapan
- 105.
- 106.
- 107.