PhantomRose ゲーム画面��
最終更新：
orika_ex_miyako 2024年02月26日(月) 18:41:18履歴
バトル用のスロットやカードなどの準備をおこないます。
下記の画像の白い部分がカードをセット可能なスロットです。
実際のゲームでは、このうちの２か所にプレイヤーのカード、残る２か所に敵のカードが配置されます。
専用の Canvas の作成
ヒエラルキーの例です。
完成時の Canvas のみの画面です。
Canvas_Battle の作成
CardSlotSet の作成
スロットを配置する位置を管理するためのオブジェクトです。
Create Empty で作成し、適宜なコンポーネントをアタッチして子オブジェクトとして配置するスロットの位置やサイズを制御します。
PlayerCardSet の作成
プレイヤーの手札を配置する位置を管理するためのオブジェクトです。
Create Empty で作成し、適宜なコンポーネントをアタッチして子オブジェクトとして配置するスロットの位置やサイズを制御します。
DialogTran
スロットにカードをセット後、バトルを開始してよいか確認のポップアップを表示するための位置を決定するオブジェクトです。
Create Empty で作成し、適宜な位置に配置します。
btnCardSlot プレハブの作成
４つ並べてサイズ感を調整する
CardSlot プレハブをヒエラルキー上で複製し、４つ並べてください。
LayoutGroup の機能により、自動整列されて追加されます。
各スロットの位置関係、サイズなどを確認しながら調整してください。
調整が終了したら、CardSlot の４つのプレハブはすべて削除してください。
スクリプト作成後にアタッチ
完成
カードのデザインは自由に設定してみてください。
下記の画像の白い部分がカードをセット可能なスロットです。
実際のゲームでは、このうちの２か所にプレイヤーのカード、残る２か所に敵のカードが配置されます。
専用の Canvas の作成 
ヒエラルキーの例です。
完成時の Canvas のみの画面です。
Canvas_Battle の作成
CardSlotSet の作成
スロットを配置する位置を管理するためのオブジェクトです。
Create Empty で作成し、適宜なコンポーネントをアタッチして子オブジェクトとして配置するスロットの位置やサイズを制御します。
PlayerCardSet の作成
プレイヤーの手札を配置する位置を管理するためのオブジェクトです。
Create Empty で作成し、適宜なコンポーネントをアタッチして子オブジェクトとして配置するスロットの位置やサイズを制御します。
DialogTran
スロットにカードをセット後、バトルを開始してよいか確認のポップアップを表示するための位置を決定するオブジェクトです。
Create Empty で作成し、適宜な位置に配置します。
btnCardSlot プレハブの作成
４つ並べてサイズ感を調整する
CardSlot プレハブをヒエラルキー上で複製し、４つ並べてください。
LayoutGroup の機能により、自動整列されて追加されます。
各スロットの位置関係、サイズなどを確認しながら調整してください。
調整が終了したら、CardSlot の４つのプレハブはすべて削除してください。
スクリプト作成後にアタッチ
完成
カードのデザインは自由に設定してみてください。
コメントをかく