新卒クソゲーコンテスト~デザイナー編~

今回は、2023年度新卒メンバー数人で社内のクソゲーコンテストに参加した際に作ったゲームについてお話しします。

このブログは３Dデザイン担当と２D/UIデザイン担当のデザイナー２名でお届けしますので、少し長めになっていますが、ぜひ最後までお読み頂けましたら幸いです！

3Dデザイン編

はじめまして、第１事業部で3D制作をしているカイです。
社内ゲーム制作コンテストに参加しており、キャラデザインと3D制作を担当しました。
今回はどういう考え方でキャラクターデザインをしているのかについて書かせていただこうと思います。

どんなゲームですか？

テーマは「ひらく」ですが、明確な要件がないため、自由と同時に迷子になることも（笑）
簡単な会議を数回行った後、ゲームの制作方向を決定しました。

キャラクターのデザインと制作について

デザインについて

利用可能な時間が少ないので、詳細な企画書は作成せず、それぞれの得意な方法で制作しました。

特に強調したいポイントは？

BOSSの巨大なドラゴンとしては、体型の巨大さを強調するだけでなく、彼がさらに圧迫感を持つことを望みました。
そのため、石のような低彩度の白と紫を基盤として選び、宗教的なリチュアルの感じを持つ多くのデザインを作成しました。

しかし、デザインには故意にいくつかの鋭い部分を追加して、複雑な曲線のデザインがもたらす視覚疲労をバランスさせました。
結果的に、彼はガンダムのような巨大なロボットの雰囲気を持っているが、生物的な感じも持っていると感じます。
これらの詳細を強調するために、彼の表現をもっと立体的で写実的にすることにしました。身体の異なる部分の質感を表現するために、より多くのPBRテクスチャを使用しました。

Unityにセットアップ

ゲーム内でキャラクターがより良い表現を出すため、制作時に物理効果を実現するための多くのボーンをキャラクターにバインドしました。

そのため、キャラクターが移動する際、より生き生きとしたディテールが表現できます。

デザインの過程で印象的だった部分は何ですか？

最初は小さなドラゴンがどのような冒険者であるか定まっていませんでしたが、途中で私たちのプランナーの島さんが魔法の瓶のような要素を装飾として追加することを希望したため、キャラクターは魔法の騎士(？)として決定しました。

3D製作の過程での心得は？

１については、今回の髪の毛は主にカーブで制作しました。髪の毛のボーンバインドには多くの時間がかかったので、将来は髪の毛のボーンバインドを自動で行うプラグインを開発できることを望んでいます。
そして２は、透明度があるマテリアルボールはUnity内で表示の競合が生じる可能性があり、慎重な設定が必要です。
最後に３は、主人公とBOSSのレンダリングスタイルは一貫性を持っていませんでした。今後の制作で、もっと一貫性を考慮する必要があるかもしれません。

UIデザイン編

はじめまして、第一事業部 UIデザイナーのナイトウです。

社内ゲーム制作コンテストに新卒チームで参加しており、2D/UIの制作を担当しました。
私からは「UIデザインが出来上がるまでの流れ」について簡単に書かせていただこうと思います！

画面遷移の作成

初期段階のファンタジー感強めの画面遷移図

まずは仕様書を確認しながらモノクロで大雑把に下書きした後、現段階でイメージするUIのデザインをのせた画面遷移図を作成しました。
最初に決定した世界観が「ファンタジー」だったのでファンタジー感強めのデザインで最初は作成していましたが、3D担当のカイ君が作成してくれた主人公がかわいらしく、服装がスタイリッシュな雰囲気だったので、それに合わせてUIデザインの方向性を調整。

主人公の服飾やカラーリングを参考に、ゲーム画面とキャラクターがなじむようなUIを意識して制作をすすめました。

デザインの確定

魔法カードのデザインを複数考え、メンバーにアンケートをとったりアドバイスをもらいつつデザインを固める作業を続行。

右と左のデザインの投票率が高かったので、両方の要素を組み合わせてカードのデザインをブラッシュアップしたところ、キャラクターの雰囲気と、作品のファンタジーな雰囲気、どちらにも合うものができあがりました。

このカードの完成をきっかけに、デザインの方向性が固まりどんどん制作が進んでいきます！

ブラッシュアップ後のカードデザイン

統一感は大事！

トーン＆マナーがある程度決まった段階でインベントリ画面を作っていましたが、いざ清書をすると、全体（画面遷移）で見たときに印象的なUIである魔法カードやキャラクターとの親和性がない画面になっていることに気づきました。

先ほどのカードデザインからUI全体の色合いを考えなおすことにし、グラデーション＋紺色の枠が「EncatalMl」（このゲームのタイトル）らしくなるUIの重要な要素だと気づいたため、それらを用いて作り直したところ一気に統一感がでてオリジナリティのあるデザインになりました！

あとは、UIのサイズ調整、仕様やモーションのことを考えて画像とボタン部分を別々に書き出し、組み込みと実装をエンジニアさんにお願いすることになります。

最後に

カイ

ナイトウ

今回のゲーム開発の経験を糧に、より良いゲームを作っていけるようこれからも精進していきます！