「ライブアライブ」28年前の作品をHD-2Dで蘇らせる挑戦【UNREAL FEST WEST ’22】

56.1K Views

November 21, 22

ue4 unreal fest unreal fest west ’22 ue-editor ue-environment ue-rendering ue-sequencer ue-leveldesign

スライド概要

講演アーカイブ：
https://youtu.be/LHo0PCS6X88

講演内容：
1994年、スーパーファミコンで発売された伝説のRPG『LIVE A LIVE』。2022年、現代の新作としてHD-2D技法を使い蘇らせました。本講演ではリメイクに当たってのコンセプトやこだわりどころ、HD-2Dの絵作り、UEを使ったワークフロー、効率化の工夫などを紹介いたします。

講演者：
時田貴司（株式会社スクウェア・エニックス）
佐々木瞬（株式会社ヒストリア）
川合朋也（株式会社ヒストリア）

伝説のRPG『LIVE A LIVE』についてはこちら：
https://www.jp.square-enix.com/lal/

UNREAL FEST WEST ’22 公式サイト：
https://unrealengine.jp/unrealfest/west2022/

エピックゲームズジャパン

@EpicGamesJapan

スライド一覧

Unreal Engineを開発・提供しているエピックゲームズジャパンによる公式アカウントです。勉強会や配信などで行った講演資料を公開しています。公式サイトはこちら https://www.unrealengine.com/ja/

またはPlayer版

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

ダウンロード

ダウンロード(pdf - 6.99MB)

関連スライド

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0

ue4 ue5 ue-beginner

エピックゲームズジャパン 0.9M

Unreal Engine5 Lumenの仕組みと肝心なところ

ue5 ue-rendering ue-lumen

エピックゲームズジャパン 867.1K

猫でも分かる UE5.0, 5.1 におけるアニメーションの新機能について【CEDEC+KYUSHU 2022】

ue5 cedec+kyushu ue-animation ue-optimize ue-bp ue-physics ue-sequencer

エピックゲームズジャパン 579.7K

UE5の最新グラフィクスを使いこなすための4個の勘所 [CEDEC+KYUSHU 2023]

unreal engine 5 ue5 cedec cedec+kyushu

エピックゲームズジャパン 455.9K

マンガで使う！初めての Unreal Engine【UE4 Manga Anime Illustration Dive Online】

ue4 ueart2d ue-beginner

エピックゲームズジャパン 351.9K

UE4で作成するUIと最適化手法【GAME CREATORS CONFERENCE '20】

ue4 ue-ui ue-optimize

エピックゲームズジャパン 313.4K

各ページのテキスト

自己紹介株式会社スクウェア・エニックス第二開発事業本部ディビジョン６プロデューサー時田貴司 1984年株式会社ZAPを経て 1986年株式会社SQUARE（現スクウェア・エニックス）入社。デザイナー、プランナー、ディレクターを経てプロデューサーに。＜代表作＞・FINAL FANTASY IV（SFC）メインデザイン・ライブアライブ（SFC）ディレクター・パラサイトイヴ（PS）ディレクター・半熟英雄シリーズ、ナナシノゲエムプロデューサー © 2022 SQUARE ENIX CO., LTD. All Rights Reserved. 3

自己紹介株式会社ヒストリア代表取締役プロデューサー / ディレクター / エンジニア佐々木瞬コンシューマーゲームのディレクター、リードプログラマーを経て、 2013年10月にUnreal Engine専門会社である株式会社ヒストリアを設立。＜代表作＞・ライブアライブ（Switch）ディレクター・Caligula2（PS4 / Switch）制作ディレクター・Airtone（PS VR / Steam）プロデューサー、ディレクター・ジョジョの奇妙な冒険ラストサバイバー（アーケード）制作プロデューサー © 2022 SQUARE ENIX CO., LTD. All Rights Reserved. 4

タイトル紹介 © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 5

10.

サンプル © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 10

11.

サンプル © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 11

12.

13.

14.

アツい雰囲気を出すため HD-2D＝「ドット絵＋近代リアルタイム3DCG表現」として再解釈。【特徴】 • 「舞台的なライティング」 • 外連味あふれるライティング • ライティングだけでなく、フォグ表現なども舞台を参考に【弱めた】 • 奥行きをよく使うタイトルなのでDoFは弱めに • ビネットは雰囲気に合わないのでかけないor弱めに © 2022 SQUARE ENIX CO., LTD. All Rights Reserved. 14

15.

もう一度見てみましょう © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 15

16.

もう一度見てみましょう © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 16

17.

18.

イベントシーン © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 18

19.

20.

自己紹介エンジニア川合朋也 2015年、ヒストリアに新卒として入社。以降エンジニアとしてコンシューマーゲームやVRタイトルなど様々な開発を経験。今作では、フィールド、イベント、ローカライズのエンジニアを担当。代表作：・『ライブアライブ』・『BIOHAZARD VALIANT RAID』・『Airtone』 © 2022 SQUARE ENIX CO., LTD. All Rights Reserved. 20

21.

22.

HD-2Dへの挑戦：木のルックを詰めたまず最初に、フィールドのイメージを決定する”木”のルックから詰めた © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 22

23.

24.

HD-2Dへの挑戦：背景ワークフロー最初にSuperGridを使って、フィールドのGrayBoxを作成 © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 24

25.

HD-2Dへの挑戦：背景ワークフロー背景の制作 • 原作の背景ドット絵を一旦当てはめてみて、モデルサイズ、レイアウトを確認 • ラフが出来上がったら、最終版用にドット絵、モデルを作成 ©1994 SQUARE ENIX CO., LTD. All Rights Reserved. キャラクター：©1994 SQUARE ENIX CO., LTD. All Rights Reserved.,©1994 小学館 25

26.

奥行きへの挑戦原作マップからそのまま3Dへ表現しているため、奥行き方向へのレベルデザインの導線が前提としてあった。 ©1994 SQUARE ENIX CO., LTD. All Rights Reserved. キャラクター：©1994 SQUARE ENIX CO., LTD. All Rights Reserved.,©1994 小学館 © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 26

27.

奥行きへの挑戦：カメラ • カメラの角度は奥への移動がしやすい様に、上で見下ろすような形に • カメラを望遠にすることで、画面の端が歪まないように © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 27

28.

奥行きへの挑戦：背景のフェードキャラクターが背景と被ってしまう問題は、フェードで対応 © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 28

29.

30.

奥行きへの挑戦：背景のフェード Layers機能をフェードの単位に使用した理由 • Editor上で簡単にフェード後の地形が確認ができる（標準機能） • Actorが所属しているLayer名をランタイムで取得できる • AActorクラスが内部的に所持している →フェードするアクターを管理するのにピッタリの機能だったので使用！ © 2022 SQUARE ENIX CO., LTD. All Rights Reserved. 30

31.

32.

設置感のための影やはり影は必要。屋外はDirectionalLight、屋内は丸影を使用 © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 32

33.

キャラクターの明るさ調整見やすさ＋ドットの元の色をちゃんと出したい洞窟などで暗くなりすぎないように、マップごとに色を持ち上げられるように調整なし © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 調整あり 33

34.

35.

36.

バトル動画 © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 36

37.

38.

影による範囲表現の実装方法マス目上での敵の範囲を影で表現 © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 38

39.

40.

41.

42.

HD-2Dとして意識したこと：その他リメイク作品として、原作にあった表現を再現 or 形を変えて再現ダメージ時のリアクション © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. ドットの色を変える表現 42

43.

44.

45.

46.

47.

48.

スキル制作：サブシーケンスでの量産サブシーケンスで分けられるスキル演出の要素 • モーション • エフェクト • カメラ • ヒットライト • 画面効果 • フィールドライト © SQUARE ENIX CHARACTER DESIGN © SHOGAKUKAN Inc. 48

49.

50.

51.

スキル制作：サブシーケンスでの量産結果 • 1人の作業者で300点以上の技演出のシーケンサーを管理できた • シーケンサーが見やすく簡素化されていたので、人的ミスが起きにくかった • また演出のばらつきを避けることができた最終的な数量 • サブシーケンスで量産した技演出：307点 • サブシーケンス数 • モーション：99、エフェクト：177、カメラ：111、ヒットライト：68、画面効果：13、フィールドライト：3 © 2022 SQUARE ENIX CO., LTD. All Rights Reserved. 51

52.

53.

54.

55.

56.

57.

58.

59.

60.

61.

ご清聴ありがとうございました SUPER FAMILY COMPUTER、NINTENDO SWITCHは任天堂株式会社の登録商標です。 PlayStationは株式会社ソニー・インタラクティブエンタテイメントの商標または登録商標です。 SteamはValve Corporationの商標または登録商標です。その他掲載されている会社名、商品名は、各社の商標または登録商標です。 © 2022 SQUARE ENIX CO., LTD. All Rights Reserved. 61

62.

アンケートへのご協力をよろしくお願いします＜講演に関するアンケート（Game Day）＞ https://forms.gle/B3FfR3rSEcpDYXFH8 62

https://forms.gle/B3FfR3rSEcpDYXFH8