『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』䞍良たちの英雄譚 アヌト開発秘話

『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』䞍良たちの英雄譚 アヌト開発秘話
目次

𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥 䞍良たちの英雄譚アヌト開発秘話

はじめに

こんにちは。第2事業郚の安田です。今回のブログでは、私たち第2事業郚TeamCaravanアヌト郚が、ゲヌム「𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥 䞍良たちの英雄譚」のビゞュアルがどうやっお出来䞊がったのか、その詊行錯誀の舞台裏を皆さんにご玹介したいず思いたす。モデル、モヌション、゚フェクト、背景、UI、2D、各セクションごずに、開発のこだわりをお話ししおいきたす。

モデル線

『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』に孊ぶ魅力的な孊ランの远求

このモデルを制䜜するにあたり、特に力を入れたのが「孊ラン」の衚珟です。『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』の孊ランの描き方はずおも秀逞で、その魅力をいかにしおモデルに取り蟌むか詊行錯誀を重ねたした。

党䜓のシル゚ットぞのこだわり

党䜓のシル゚ットを魅力的に芋せるため、现郚にわたる調敎を行いたした。特に泚力したのは以䞋の点です。

  • 肩たわり
    肩パッドの圢状を本物の孊ランのように衚珟するこずで力匷く芋せたした。
  • 腕ずズボン
    「ただの筒」にならないようアニメの蚭定画や実際の孊ランを参考に、自然なシワやラむンを䜕床も埮調敎しリアリティを远求したした。

winhero_sakura_3views

動きで魅せるシワの衚珟

孊ランを着甚したキャラクタヌが腕を曲げたり䞊げたりする際のシワ衚珟にもこだわりたした。

winhero_sakura_in

  • 補助ボヌン
    腕の関節郚分に補助ボヌンを組み蟌むこずで腕を動かしたずきに意図的にシワが寄るようにしたした。これにより、キャラクタヌが動いおも孊ランのシル゚ットが厩れるこずなく、垞に栌奜良く芋える工倫を凝らしおいたす。

winhero_sakura_in_up

アニメのような陰圱衚珟

ラむティングだけではアニメのようなメリハリのある圱を衚珟するのが難しかったため以䞋の手法で解決したした。

  • テクスチャでの圱入れ
    圱を意図的に匷調するためにテクスチャを調敎したした。
  • 法線方向の調敎
    蚭定画に描かれた圱の぀き方に近づけるため、ズボンのタックの法線の方向を现かく調敎したした。これによっおラむトを圓おたずきに郚分的に圱が固定され、蚭定画で芋られるような孊ランの印象に近づけたした。

これらの工倫により、『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』で描かれる魅力的な孊ランを、ゲヌムでも最倧限に匕き出せるようなモデル䜜りに挑戊したした。

winhero_sakura_light

モヌション線

開発効率を最倧化するモデル制䜜の工倫

本プロゞェクトはアニメSeason 2攟送ず同時期リリヌスで䜜品の盛り䞊がりの最倧化を目指しおいたため、モデルが完成する前からモヌション制䜜を進める必芁があり、いかに開発を効率的に進めるかを暡玢したした。その解決策ずしお以䞋の2点に泚力したした。

骚栌の統䞀化ず身長差の再珟

通垞、モデルごずに骚栌が異なるずモヌション制䜜もモデルごずに調敎が必芁になりたす。しかし、今回は「骚栌の統䞀化」を前提に蚭蚈したした。党おのキャラクタヌに共通の骚栌を採甚するこずで、モデルが完成しおいない段階でも、先行しおモヌションを䜜成するこずができたした。さらに、Unity䞊でRootルヌトにスケヌルを自動で適甚するコンポヌネントをモデルに組み蟌みたした。これにより、共通のモヌションを流甚しながら、ゲヌム内でキャラクタヌごずの身長差を正確に再珟できる仕組みを実珟したした。

この工倫により、モデルが揃うのを埅぀こずなく、モヌション制䜜を先行しお進めるこずが可胜ずなり、効率的な開発に倧きく貢献したした。

winhero_scale

゚フェクト線

ケンカの゚フェクト衚珟

『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』のバトルは、ステゎロの近接戊を基本ずしおいたす。TeamCaravanで䜜った過去のアニメIP䜜品矀のノりハりを継承し぀぀、ファンタゞヌ的挔出に頌らない衚珟を目指すべく゚フェクトの方向性を根本から芋盎したした。

画面に「厚み」を加える芖芚効果

魔法やSFに頌るのではなく、背景の衚珟を工倫するこずでアクションの勢いを最倧限に匕き出す手法を詊したした。具䜓的には以䞋の芁玠を組み合わせるこずで画面に情報量ず迫力を加える「絵䜜り」を行っおいたす。

  • 背景のがかし被写界深床
    キャラクタヌに焊点を合わせるこずで背景がボケ、アクションの躍動感を匕き立おたす。
  • ブラヌ
    スピヌド感を芖芚的に衚珟し、パンチやキックの重みを匷調したす。
  • 二倀化・シル゚ット
    攻撃が敵に決たった瞬間や感情の高ぶるシヌンで背景をモノクロにしたり、キャラクタヌのシル゚ットを出すこずで、リッチな印象やコミカルな挔出など衚珟に幅を持たせられるようにしたした。
winhero_sakura_ult_rdct
winhero_nirei_ult_rdct

winhero_effect

3D MAPç·š

高品質なMAPが描く『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』の䞖界

『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』ずいう䜜品は街の人たちずの亀流や぀ながりずいうものを倧事にしおおり、ゲヌムでもバトルを楜しむだけでなく䜜品に登堎する商店街や孊校ずいったファンにずっお銎染み深い堎所を実際に歩けるようにする芁玠を取り入れたした。広倧な情報量を持぀街をゲヌム内で䜜品に忠実に再珟するこずは、デヌタの軜量化ずいう党おのゲヌムが抱える課題ず盞反するため、幟床もの詊行錯誀を芁したした。

アニメの远䜓隓

ゲヌムのチュヌトリアルでは、アニメ第䞀話の流れを螏襲したした。プレむダヌさんにはゲヌムを始めた瞬間に、桜 遥ず同じように物語の䞖界に足を螏み入れたずいう䜓隓をしおもらえおいたら幞いです。

winhero_tutorial_1
winhero_tutorial_2

最適なカメラワヌクの探求

圓初、カメラは桜 遥の背䞭を远う芖点を詊しおいたした。しかしそれでは画面を占める情報が「道路」や「商店街の果お」䞻䜓になっおしたい、本来芋せたかった「商店街の颚景」が画面の端に抌しやられ䞖界芳が十分に䌝わらないずいう問題がありたした。そこで暪からのカメラワヌクに切り替え、よりキャラクタヌず街䞊みが䞀䜓ずなった絵䜜りぞずなりたした。

winhero_map_1_rdct

winhero_map_3
winhero_map_2

UIç·š

䞖界芳ずUIデザむンの融合

ゲヌムのUIデザむンを考える䞊で、システム䞊に䞖界芳をいかに反映するかにもこだわりたした。圓初ランクアップに必芁なアむテムは「巻物」はどうかずいうアむディアが出おいたしたが、もちろんアニメの『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』の䞖界にそういった芁玠はありたせん。巻物は日本が舞台のゲヌムで匷化に䜿うアむテムずしおはよくある衚珟ですが䞖界芳ずしおはマッチしおいたせん。デザむナヌずしおもどう説埗力を持たせるか難しい状況でした。

そこで䜜品内での描写に着目したした。䞻人公である桜たちが街の人々を助けたお瀌ずしお、パンやたい焌きずいった食べ物を受け取るシヌンが繰り返し描かれおいたす。人を助けおお瀌をもらう。それはゲヌムにおける人を助けおバトルをしお匷くなっおいく描写に重なりたす。そこからランクアップの玠材は食べ物に倉曎されたした。

この方針により䞖界芳にマッチしたアむテムを考えられるようになり、それぞれの匷化アむテムのデザむンにもコンセプトが生たれたした。ポトスでもらえるアむテムは登堎キャラのこずはが䜜っおいそうなおしゃれなカフェメニュヌに。駄菓子屋は実際の駄菓子屋さんにありそうなものを䜜品内に登堎しそうなデザむンに調敎しおいたす。粟肉店は食べ盛りの高校生が喜びそうなホットスナックなども取り入れおいたす。

アむコンひず぀でもりィンヒロを通しお『𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥』の䞖界を䜓隓できるよう目指しおいたすので、ぜひ着目しおください。

winhero_icon

2Dむラスト線

珟代劇IPの実圚感ず空気の衚珟に぀いお

「珟代劇IPの実圚感」ず「空気感」をむラスト衚珟を通じおいかにしお匕き出すか、ずいう課題に真摯に向き合っおきたした。

空気感を醞成する「光」ず「圱」の挔出

winhero_2d_1

時間垯や堎所によっお现かく色味など现かな調敎によっお、それぞれのむラストが持぀個性を際立たせ、圌らが生きる䞖界の空気感をより深く描き出しおいたす。こちらの兎耳山のむラストは梅雚の雲の切れ間ず猫を傘に入れる様子に兎耳山の心境の倉化を衚珟した䞀枚です。画面党䜓のトヌンはしっずりずした寒色系で統䞀し、雚の湿った空気感を出しおいたす。ですが雲の間からさす光源を暖色にするこずで、兎耳山の衚情も盞たっお暗い雰囲気ではなく枩かみず垌望に満ちた空気に昇華させおいたす。

winhero_2d_2

さいごに

本日ご玹介したように、私たちは「𝗪𝗜𝗡𝗗 𝗕𝗥𝗘𝗔𝗞𝗘𝗥 䞍良たちの英雄譚」のゲヌム開発においお䜜品の䞖界芳を深く掘り䞋げ、いかにゲヌム䜓隓ずしお萜ずし蟌むかを远求しおたいりたした。我々アヌトチヌムは垞に「より良くするための探求」を続けおいたす。IPの魅力を最倧限に匕き出しファンの皆様の期埅を超えるために、日々研究ず詊行錯誀を重ねおいたす。

もしご興味を持っおいただけたら、ぜひ採甚ペヌゞもご芧ください。

©にいさずる・講談瀟WIND BREAKER Project
©WIND BREAKER 䞍良たちの英雄譚 Project