teamAimaigo 2023/07/15 00:00

【ゲーム制作】ヒサとヨミ⑥ゲーム画面のデザインについて(にせ)

今回は「ヒサとヨミ」のグラフィックとゲームシステムを担当されているにせさんに、デザインのポイントについて記事にしていただきました。

  • 横スクロールのメリット
    • キャラクターの頭身を高くしてサイズも大き目にできる
    • 操作が楽
    • ループで伸縮可能
    • 疑似的な前後感を演出しやすい
  • 横スクロールのデメリット
    • デメリットと解消方法

横スクロールのメリット

みなさんは横スクロールのゲームは好きですか?
私は好きです!
なので、「ヒサとヨミ」は制作の初期段階からRPGツクール主流の見下ろし型のマップは採用せず、横スクロールのマップで作っていくことを決めていました。
せっかくなので横スクロールでマップを作る利点などをメモしておこうかなと思います。

キャラクターの頭身を高くしてサイズも大き目にできる

キャラクターの頭身とサイズを大きくできることで、キャラクターの動きをより印象的にプレイヤーへ見せることができます。
今回はSpriteStudioとキャラクターのアニメのコマ数を増やせるプラグインを使用して3コマから10コマまで増やしてアニメーションを制作しています。
キャラクターの動きが気持ちいいと動かすのが楽しいと思えるので、通常のツクール素材より作るのは大変なのですが、自分にとってはそれだけの価値はあるかなと思っています。
キャラクターのアニメーションについての記事もいつか書けたら書きたいですね。

操作が楽

横スクロールにしたことで基本的にマップは左右移動になります。プレイヤーは左右どちらかに進めばいいため、思考がシンプルになり、結果的に操作が楽になっていると思います。
このメリットは裏返すと後述のデメリットにも繋がります。しかし分かりやすいというのは良い事だと思っています。

ループで伸縮可能


素材をユニットのように作成し、ループさせることで簡単にマップの伸縮が可能になります。
上の画像は廊下のユニットですが、縦幅を画面のサイズに、横は7マス分くらいで作成しています。この画像をループさせて表示すれば、横方向は画面サイズ~マップの限界サイズまでツクール上で伸縮可能になります。
あとはリージョンで通行設定できるプラグインを使い、通行可能な場所を設定するだけで簡単なマップができてしまいます。
実際はこれに演出用の前景や遠景、装飾を追加したり、利便性のためにマップチップを作って併用していたりもするので、もっと手間はかかっているのですが……

疑似的な立体感を演出しやすい


奥行きが無いので、その分近景遠景の幅が広がっている気がします。
多重スクロールを使う事で疑似的な立体感を生み出し、ゲームの臨場感を演出しています。結構こだわって作っているポイントです。
画面の美しさにも関わってきそうなポイントかも……?
※画像は分かりやすいように3層になっていますが、実際の森マップは10層くらいの遠近景を重ね合わせています

横スクロールのデメリット

デメリットと解消方法

最大のデメリットは何と言ってもマップの狭さです。
マップの広さはどうやっても見下ろし型のマップには敵いません。テキストアドベンチャー的なゲームであれば気にしなくても良いですが、探索メインのゲームの場合は広いマップの方がよさそうです。
「ヒサとヨミ」では、上下に少し奥行きを付けることで多少ではありますが、マップに広がりをもたせています。
探索できる場所が広がるので、横スクロールで探索系のゲームを制作する場合にはよいかもしれません。


※緑色の部分が移動できる範囲、このマップでは3マス分の奥行きがある

ちなみに、階段をつければ階層状のマップも制作可能です。
今回はキャラチップを大きくしている関係で、階段の移動は助長になりそうだったので、(各階の高さや移動距離が小さいキャラより沢山必要になる)
エレベーターによる移動にしています。古いエレベーターって格好いいですよね!

なお、アクションゲームであれば上記の助長になる階段移動も問題にならなさそうです。
ジャンプが出来ればサクっと上方向に移動ができる上に楽しいですし、マップの広さや複雑性を表現できそうです。
ただ、「ヒサとヨミ」はキャラクタチップの大きさを大きくしてコマ数を増やしているせいか、ジャンプ系のプラグインがうまく機能させられなったので諦めました……



と、ここまで色々書いてきましたが、結局マップの狭さのデメリットを解消してくれた一番の要素はシナリオと探索ギミックであり、それを考えてくれたどこさんなのでした……!

🌕ここまでご覧いただきありがとうございます!
🌕次回更新は7月29日(土)予定です。お楽しみに!
🌕実は「ヒサとヨミ」のホームページを作りました。ぜひこちらもご覧ください。「ヒサとヨミ」HP

この記事が良かったらチップを贈って支援しましょう!

チップを贈るにはユーザー登録が必要です。チップについてはこちら

月別アーカイブ

限定特典から探す

記事を検索