２Ｄタップシューティングゲーム 発展１９
最終更新：
orika_ex_miyako 2023年07月24日(月) 13:12:36履歴
以下の内容で順番に実装を進めていきます。
発展１９ ー世界観に合わせたゲーム素材の選定ー
新しい学習内容は、以下の通りです。
３９．ゲームの世界観について設計する
現在提示しているプレイヤーのキャラクターも含めて、世界観について設計を行います。
教材で提示している内容は、次の通りです。
＜バレット選択用のボタン クリーチャーの画像＞
↓ クリーチャーの種類に応じたバレットが発射される設定
＜発射するバレット 炎＞
以上のことから、バレット選択用のボタンの画像と、実際に画面で発射されるバレットの画像は別々に用意する必要があります。
以上がベースの設定です。このまま利用するのであればそれでも問題ありません。
自分で設定を考えるのであれば、主人公の職業の部分から設定を考えてみてください。
例えば、召喚士ではなく魔法使いであれば、バレットの選択ボタンには、氷や雷といった魔法の画像を設定し、
バレットとしては、その魔法を発射する、というイメージで設定できると思います。
あるいは武器から魔力を引き出しす魔法使いという設定であれば、バレットの選択ボタンには、色々な武器の画像を設定し、
バレットとしては、その武器から引き出した力ー炎だったり、真空波だったりーを発射するとしてもいいでしょう。
そもそもの主人公が魔法を使える、という設定がなければ、発射するバレットの考え方も変わってきます。
柔軟な発想でゲーム世界を作ってみてください。
無理に考える必要はありませんが、自分の考えた設定で作ったほうがゲームにも愛着がわきますので、
こうしたい、こんなアイディアがある、という場合には、そちらを利用してゲームの世界観を設定してください。
４０．世界観に合わせたバレットの画像とバレット選択用のボタンの画像を用意する
考えた世界観に合わせて、バレットの画像とバレット選択用のボタンの画像を複数枚ずつ用意します。
バレットの画像データとしてはエネミー用も含めて６種類(プレイヤー用４、エネミー用２)必要になります。
バレット選択用のボタンのデータとしてはプレイヤー側のみですので、バレットの画像を４種類用意するのであれば
ボタンの画像も４種類必要になります。
当サイトのトップページにある無料サイトのリンクも活用してください。
＜画像の分割について＞
１枚の画像内に複数の画像がまとまっているファイルを利用する場合には、Sprite Editor の機能を利用してください。
=> Sprite Editor 機能を利用して画像を分割する
このとき、画像内の空白の部分が画像ごとに統一されていない場合、Cell Count で分割してもすべての画像のサイズが等しくならないケースがあります。
サンプル画像
その場合には Automatic を利用して画像を分割してください。空白部分を含めて、当分割されます。
その後、各画像を１枚ずつ選択し、画像内の空白部分を除いて画像を登録するようにしてください。
＜手順動画 空白部分を縮めて無くしていく＞
動画ファイルへのリンク
＜空白部分を除いてサイズ調整後� �
＜空白部分を除いてサイズ調整後�◆�
手間はかかりますが、この手順を行うことで空白部分を排除して、すべての画像のサイズを統一することが出来ます。
動画のようにドラッグアンドドロップで調整後、画像自体のサイズを統一するため、W と H の値はすべて同じ値にするようにしましょう。
この例では 72 * 72 で画像サイズを統一しています。
以上でこの手順は終了です。
次は 発展２０ ーバレット用のデータベース作成ー です。
発展１９ ー世界観に合わせたゲーム素材の選定ー
３９．ゲームの世界観について設計する ４０．世界観に合わせたバレットの画像とバレット選択用のボタンの画像を用意する
新しい学習内容は、以下の通りです。
・ゲームの世界観を構築する
３９．ゲームの世界観について設計する 
現在提示しているプレイヤーのキャラクターも含めて、世界観について設計を行います。
教材で提示している内容は、次の通りです。
・ゆるめのキャラのファンタジー世界 ・主人公は召喚士の少女 ・召喚しているクリーチャーの能力を使って攻撃を行う、という設定でバレットを発射する ・バレットの選択ボタンには、召喚可能なクリーチャーの画像を設定する ・実際に発射されるバレットは、そのクリーチャーに見合う攻撃方法の画像を設定する 例えば、剣士であれば剣をバレットとして発射する。炎を吐く魔物であれば、炎をバレットとして発射する、という設定
＜バレット選択用のボタン クリーチャーの画像＞
↓ クリーチャーの種類に応じたバレットが発射される設定
＜発射するバレット 炎＞
以上のことから、バレット選択用のボタンの画像と、実際に画面で発射されるバレットの画像は別々に用意する必要があります。
以上がベースの設定です。このまま利用するのであればそれでも問題ありません。
自分で設定を考えるのであれば、主人公の職業の部分から設定を考えてみてください。
例えば、召喚士ではなく魔法使いであれば、バレットの選択ボタンには、氷や雷といった魔法の画像を設定し、
バレットとしては、その魔法を発射する、というイメージで設定できると思います。
あるいは武器から魔力を引き出しす魔法使いという設定であれば、バレットの選択ボタンには、色々な武器の画像を設定し、
バレットとしては、その武器から引き出した力ー炎だったり、真空波だったりーを発射するとしてもいいでしょう。
そもそもの主人公が魔法を使える、という設定がなければ、発射するバレットの考え方も変わってきます。
柔軟な発想でゲーム世界を作ってみてください。
無理に考える必要はありませんが、自分の考えた設定で作ったほうがゲームにも愛着がわきますので、
こうしたい、こんなアイディアがある、という場合には、そちらを利用してゲームの世界観を設定してください。
４０．世界観に合わせたバレットの画像とバレット選択用のボタンの画像を用意する
考えた世界観に合わせて、バレットの画像とバレット選択用のボタンの画像を複数枚ずつ用意します。
バレットの画像データとしてはエネミー用も含めて６種類(プレイヤー用４、エネミー用２)必要になります。
バレット選択用のボタンのデータとしてはプレイヤー側のみですので、バレットの画像を４種類用意するのであれば
ボタンの画像も４種類必要になります。
当サイトのトップページにある無料サイトのリンクも活用してください。
＜画像の分割について＞
１枚の画像内に複数の画像がまとまっているファイルを利用する場合には、Sprite Editor の機能を利用してください。
=> Sprite Editor 機能を利用して画像を分割する
このとき、画像内の空白の部分が画像ごとに統一されていない場合、Cell Count で分割してもすべての画像のサイズが等しくならないケースがあります。
サンプル画像
その場合には Automatic を利用して画像を分割してください。空白部分を含めて、当分割されます。
その後、各画像を１枚ずつ選択し、画像内の空白部分を除いて画像を登録するようにしてください。
＜手順動画 空白部分を縮めて無くしていく＞
動画ファイルへのリンク
＜空白部分を除いてサイズ調整後� �
＜空白部分を除いてサイズ調整後�◆�
手間はかかりますが、この手順を行うことで空白部分を排除して、すべての画像のサイズを統一することが出来ます。
動画のようにドラッグアンドドロップで調整後、画像自体のサイズを統一するため、W と H の値はすべて同じ値にするようにしましょう。
この例では 72 * 72 で画像サイズを統一しています。
以上でこの手順は終了です。
次は 発展２０ ーバレット用のデータベース作成ー です。
コメントをかく