Caligula2 フィールド開発事例 ~遊びの設計から、ゲームの世界の完成まで~

4.6K Views

October 06, 21

スライド概要

2021年10月2日に行われた「出張ヒストリア! ゲーム開発勉強会2021」にて発表させていただいたスライドです。

イベント詳細
https://historia.co.jp/archives/22783/

講演動画
https://youtu.be/R1R33mR291A

講演者:
株式会社ヒストリア 久保浩子(ゲームデザイナー)
株式会社ヒストリア 黒澤徹太郎(テクニカルアーティスト / アートディレクター)

講演内容:
Caligula2におけるフィールド制作の工程上でのアートの制定や技術的なとりくみについてお話いたします。
RPGにおけるフィールド作成は、シナリオライティング、レベル作成、ギミック作成、背景モデル作成、イベント作成、カットシーン作成、といった
多くの工程が絡むため、何から進めて何を並列に進めるかといった、ワークフローの整理が非常に重要になります。
本公演では、平面図を用いた遊びの構造決定、仮モデルを使ってイベント作成とアートを詰める作業を同時作業するコツなど、
Caligula2で行った効率化を含めて事例紹介が出来ればと思います。

profile-image

株式会社ヒストリアは、Unreal Engine専門のソフトウェア開発会社です。ゲーム事業とエンタープライズ事業、2 つの軸でソフトウェアの企画、開発を行っています。また、Unreal Engine の学習を目的とした作品制作コンテスト『UE5ぷちコン』や、『出張ヒストリア! ゲーム開発勉強会』を主催、技術ブログを毎週更新など、Unreal Engine コミュニティを盛り上げる活動も行っております。

シェア

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

各ページのテキスト
1.

Caligula2 フィールド開発事例 ~ 遊びの設計から、ゲームの世界の完成まで ~ 株式会社ヒストリア 久保 浩子 黒澤 徹太郎 © historia Inc. #出張ヒストリア2021

2.

Caligula2について https://youtu.be/Z6RrrQhyLyg © historia Inc. #出張ヒストリア2021

3.

Caligula2について ⚫ 「Caligula -カリギュラ-」シリーズの完全新作 本作は2021/06/24にPS4とNintendo Switchで発売されました。 ⚫ ヒストリアは「Caligula Overdose –カリギュラ オーバードーズ-」から開発を担当 © historia Inc. #出張ヒストリア2021

4.

自己紹介 久保:リードプランナー 全体の仕様をまとめ、各セクションとの連携を取りつつ、プランナーを統括 黒澤:アートディレクター 3D(キャラクター・背景・エフェクト・モーション)グラフィックを統括 グラフィックの、 何をつくる / どう作る / 整える を担当 © historia Inc. #出張ヒストリア2021

5.

講演内容 『フィールド制作の流れ』 フィールド(キャラクターが動き回る背景)制作のワークフロー アセット制作やレベルデザインの話ではなく、どういう手順で作ったかの話 © historia Inc. #出張ヒストリア2021

6.

フィールド制作の流れ シ ナ リ オ フィールドコンセプト シ ナ リ オ 調 整 コンセプトアート SNR PLN ART SNR SNR :シナリオライター ホ ワ イ ト ボ ッ ク ス 仮 モ デ ル 作 成 PLN ART 仮 モ デ ル 打 ち 合 わ せ PLN ART :アーティスト イベント作成 レベルデザイン作業 ラ イ テ ィ ン グ 本 モ デ ル 作 成 SNR PLN 最 終 調 整 最 適 化 ART ART PLN コンセプト関連 PLN :プランナー 遊び方確定 © historia Inc. ブラッシュアップ #出張ヒストリア2021

7.

スケジュール 植物園 コンセプト 仮モデル 本モデル制作 イベント制作 病院 コンセプト 仮モデル 本モデル制作 イベント制作 学校 コンセプト 仮モデル 本モデル制作 イベント制作 複数のダンジョン制作を並行して開発 © historia Inc. #出張ヒストリア2021

8.

シナリオ SNR シナリオライターがシナリオ制作 シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 ホ ワ イ ト ボ ッ ク ス 仮 モ デ ル 作 成 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 アーティストとプランナーがシナリオを読んで、イメージをふくらませる © historia Inc. #出張ヒストリア2021

9.

フィールドコンセプト PLN ダンジョンでの遊びを検討 シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 ホ ワ イ ト ボ ッ ク ス 仮 モ デ ル 作 成 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 レベルデザイナーがダンジョン毎に遊びのコンセプトを考える © historia Inc. #出張ヒストリア2021

10.

ダンジョンの遊びで目指すところ 目指すところ ・前作から進化していると体感できる ・1本道に見せないデザイン設計 ⚫ 同じ風景が続かない ⚫ ギミックアクションを用意する ⚫ 高低差を用意する 達成するための手段 ・シナリオに合わせたダンジョン毎の固有ギミック ・特徴的なシンボルや構造 © historia Inc. #出張ヒストリア2021

11.

攻略ダンジョンの順番 ダンジョン1 ダンジョン5 橋姫御苑 ダンジョン3 楯節学園 特別棟 ほか……。 例として、「橋姫御苑」、「楯節学園 特別棟」での コンセプトとユーザー体験についてどう考えたかについてご紹介 © historia Inc. #出張ヒストリア2021

12.

ダンジョン名 橋姫御苑 ※エディター上で撮影したものです。 © historia Inc. #出張ヒストリア2021

13.

ダンジョン名 橋姫御苑 コンセプトとユーザー体験 コンセプト ボスにとって都合の良いように歪められた植物園に 土足で踏み込む ユーザー体験 パズルのように上手くハマった時の気持ち良さ 歪んだ植物園を強引に正していくという感覚 メインギミック 水路コントロールのバルブを開け閉めして、 園内に広がる水路をコントロール © historia Inc. #出張ヒストリア2021

14.

ダンジョン名 橋姫御苑 ※エディター上で撮影したものです。 © historia Inc. #出張ヒストリア2021

15.

ダンジョン名 楯節学園 特別棟 コンセプト THE・学園祭 ユーザー体験 逃げる仲間を探しつつ、学園祭イベントを楽しむ 暗い後半の展開前のコメディパート メインギミック 学園祭イベントへの参加 クイズ大会 : イベント お化け屋敷 : 迷路 出会い系 : イベント © historia Inc. #出張ヒストリア2021

16.

ダンジョン名 楯節学園特別棟 ※エディター上で撮影したものです。 © historia Inc. #出張ヒストリア2021

17.

コンセプトとユーザー体験確定後に平面図作成へ ※開発初期のものです © historia Inc. #出張ヒストリア2021

18.

コンセプトアート アーティストからイメージを提示 シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 ART グ レ ー ボ ッ ク ス 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

19.

コンセプトシート コンセプト / ユーザー体験 / キーワード をまとめたもの コンセプトアートを描く際の手助け © historia Inc. #出張ヒストリア2021

20.

駅ダンジョン・コンセプトシート コンセプト 抜け出せない華やかな近代ビル ユーザー体験 一見とても綺麗で夢に溢れた空間を彷徨う ゴール 他のRPGとはちがう世界観(現代もの) 音楽をモチーフとした個性 キーワード 明るい / 華やか / 混乱 / 迷路 © historia Inc. #出張ヒストリア2021

21.

植物園ダンジョン・コンセプトシート キーワード 閉鎖的 / 静寂 / 上品 / 平穏 ユーザー体験 物静かで上品な空間(駅やホームタウンとの対比) 侵入を拒むように茂った植物を解いて進む モチーフ 噴水 / アーチ状の植物 / 広場 / 門 / 堀 蔦が絡んで開かないドア 水場を止めると通過できる仕掛け © historia Inc. #出張ヒストリア2021

22.

コンセプトアート まだ存在していない建物やプロップ、場所の雰囲気などの 視覚的なデザインを作り出す © historia Inc. #出張ヒストリア2021

23.

駅ダンジョン・エントランス © historia Inc. #出張ヒストリア2021

24.

植物園ダンジョン © historia Inc. #出張ヒストリア2021

25.

病院ダンジョン © historia Inc. #出張ヒストリア2021

26.

シナリオ調整 見取り図を用いてシナリオの再検討 シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 ホ ワ イ ト ボ ッ ク ス DIR 仮 モ デ ル 作 成 © historia Inc. PLN 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

27.

イベントの発生場所を確認 © historia Inc. #出張ヒストリア2021

28.

イベントを追加 © historia Inc. #出張ヒストリア2021

29.

ホワイトボックス(グレーボックス) プロトタイピングで遊びを確認 シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 PLN ホ ワ イ ト ボ ッ ク ス 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

30.

ホワイトボックス(グレーボックス)の実例 橋姫御苑の最初のホワイトボックス 敵の配置、宝箱の配置、ギミックの動作も入れてダンジョン全体の流れを作成 フィールドコンセプトで定義した体験を満たしているかを確認 © historia Inc. #出張ヒストリア2021

31.

大きさの仕様 床は5m(2.5m)単位 階高は6m 階段は奥行き10m 高さ6m 階を移動しない段差 奥行き5m 高さ3m © historia Inc. #出張ヒストリア2021

32.

天井高 カメラがぶつからないように、天井の高さは4M以上 © historia Inc. #出張ヒストリア2021

33.

仮モデル作成 3D的な整合性と工数の確認 シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 ART グ レ ー ボ ッ ク ス 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

34.

コンセプトアートを分解 ▪ ヒーローアセット ▪ プロップ ▪ ダンジョンパーツ そのエリア固有のもの 看板や椅子など汎用的におけるもの 壁や床などダンジョンの仕組みを構成 © historia Inc. ゲ ー ム 的 に 重 要 #出張ヒストリア2021

35.

モジュラーアセット レゴブロックのように組み合わせられる背景のアセットの作り方 © historia Inc. #出張ヒストリア2021

36.

モジュラーアセット レゴブロックのように 『自由に簡単に』 組み合わせられる 自由に簡単に組み合わせられる そのためには グリッド にのせやすい ことが大事 『 The Grid is God 』 © historia Inc. #出張ヒストリア2021

37.

仮モデル グレーボックス … 壁の種類などは考慮しない 仮モデル … ある程度デザインが分かるもの © historia Inc. #出張ヒストリア2021

38.

工数… 初期見積もりでは 『1ステージあたりのアセットはXX個』 ↓ 同じ建物の中にも 警備室/食堂/売店 などがほしい! ↓ クオリティは上がった けど、工数めっちゃオーバーした © historia Inc. #出張ヒストリア2021

39.

仮モデル打ち合わせ 絵的な整合性とゲームデザイン的にやりたいことをディスカッション シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 グ レ ー ボ ッ ク ス 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ PLN ART イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

40.

職種ごとの役割 • レベルデザイナー ゲーム的な遊びを詰める • アーティスト 絵のクオリティを担保する アーティストはレベルデザイナーの提示したレイアウトにたいして、 絵的な説得力をもたせる必要がある ( 場合によっては別案を出す ) © historia Inc. #出張ヒストリア2021

41.

よくある気になるポイント 部屋が広すぎる / 謎の袋小路 / … © historia Inc. #出張ヒストリア2021

42.

イベント作成 レベル上でカメラやキャラクターを配置 シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 ホ ワ イ ト ボ ッ ク ス PLN 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

43.

仮モデルでイベント作成 仮モデル © historia Inc. #出張ヒストリア2021

44.

仮モデルでイベント作成 本モデル 本モデル制作と並行で動いていましたが、 仮モデルから大きく形が変わることがないため、問題ありませんでした。 © historia Inc. #出張ヒストリア2021

45.

レベルデザイン作業 NPC、敵、宝箱、ギミックを配置 シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 ホ ワ イ ト ボ ッ ク ス PLN 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

46.

配置の方針決め 例)ホコロビの場合 ダンジョンの進行方向に対してプレイヤーを誘導するように配置 © historia Inc. #出張ヒストリア2021

47.

配置の方針決め ホコロビの配置の例 見える位置にあるホコロビさえ取り続ければ、気がつくとダンジョンをクリアできる © historia Inc. #出張ヒストリア2021

48.

レベルデザイン作業 配置の方針決め後、平面図に沿って仮モデルを使ってレベル上に配置 © historia Inc. #出張ヒストリア2021

49.

本モデル作成 PBR準拠のモデル作成 シ ナ リ オ フィールドコンセプト コンセプトアート ART シ ナ リ オ 調 整 グ レ ー ボ ッ ク ス 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

50.

モデリング Autodesk Maya © historia Inc. #出張ヒストリア2021

51.

テクスチャ作成 Adobe Substance 3D Painter テクセル 2048pixel/5m (ハードウェア別に MIP level変更) © historia Inc. #出張ヒストリア2021

52.

最終確認 Unreal Engine で 確認 / 調整 © historia Inc. #出張ヒストリア2021

53.

UE4の便利機能 インテリアマップ CubeMapをオフセットするマテリアル関数。 板ポリゴンに使うとまるで部屋の中を窓からみたように描画できる。 © historia Inc. #出張ヒストリア2021

54.

UE4の便利機能 スプラインメッシュ スプラインコンポーネントに合わせてメッシュを複製して変形する処理を作成 © historia Inc. #出張ヒストリア2021

55.

ライティング 負荷を考慮した効率的なライティング シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 グ レ ー ボ ッ ク ス ART 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

56.

ライティングの手法 Switch版があるので、全て焼き付けライティング ▪ ライトマップテクスチャ or ボリュメトリックライトプローブ ▪ 動的オブジェクト以外もライトプローブを採用 データサイズ削減 + 工数削減 © historia Inc. #出張ヒストリア2021

57.

ライトマップテクスチャ と ボリュメトリックライトプローブ ライトマップテクスチャ ボリュメトリックライトプローブ 専用のテクスチャに陰影情報をベイク レベルのライトプローブに陰影情報を記載 影を含めた陰影を精細に描画 配置場所のプローブを受け取って陰影に反映 (大まかな陰影) 陰影の解像度はテクスチャ解像度次第 (32pixel / 5m) 専用のUV展開が必要 プローブ密度で陰影の細かさが決まる 専用のUVの展開が不要 © historia Inc. #出張ヒストリア2021

58.

効率的なライティング ▪ ライト配列BP 設置しやすい / 調整しやすい / 最適化しやすい © historia Inc. #出張ヒストリア2021

59.

最終調整 要素が揃った段階でバランスを整える シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 グ レ ー ボ ッ ク ス ART 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

60.

プラネタリウム 修正前 修正案 © historia Inc. #出張ヒストリア2021

61.

プラネタリウム 修正後 © historia Inc. #出張ヒストリア2021

62.

病院廊下 修正前 修正案 © historia Inc. #出張ヒストリア2021

63.

病院廊下 修正後 © historia Inc. #出張ヒストリア2021

64.

最適化 負荷計測と修正 シ ナ リ オ フィールドコンセプト コンセプトアート ART シ ナ リ オ 調 整 グ レ ー ボ ッ ク ス 仮 モ デ ル 作 成 © historia Inc. 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 #出張ヒストリア2021

65.

Switch 大変 ドローコールが負荷になりやすい。 ドローコール ≒ マテリアル数 ✕ アクター数 ただし現在は自動インスタンス化があるので、 アクター数が必ずしも重さにつながらない。 ※ 自動インスタンス 同じ種類のアセットを一度に描画することで処理負荷を下げること © historia Inc. #出張ヒストリア2021

66.

自動インスタンスの注意点 インスタンス化されないメッシュ – スプラインメッシュ – レベル上で頂点カラーを 上書きしたメッシュ © historia Inc. #出張ヒストリア2021

67.

まとめ © historia Inc. #出張ヒストリア2021

68.

チームメンバーがフローを意識して作業を進めることで、 ゲームのクオリティアップに繋がります。 © historia Inc. #出張ヒストリア2021

69.

最後に、本ワークフローを採用してよかった点 シ ナ リ オ ポイント フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 ホ ワ イ ト ボ ッ ク ス 仮 モ デ ル 作 成 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 フィールドコンセプトとコンセプトアートを並行して作業ができたため 早めにイメージを共有できた © historia Inc. #出張ヒストリア2021

70.

最後に、本ワークフローを採用してよかった点 ポイント シ ナ リ オ フィールドコンセプト コンセプトアート シ ナ リ オ 調 整 ホ ワ イ ト ボ ッ ク ス 仮 モ デ ル 作 成 仮 モ デ ル 打 ち 合 わ せ イベント作成 レベルデザイン作業 本 モ デ ル 作 成 ラ イ テ ィ ン グ 最 終 調 整 最 適 化 レベル作成のフローで一番重要なのは仮モデルをしっかり作ること © historia Inc. #出張ヒストリア2021