![[PukiWiki]](./skin/BAKIN_logo_92.png "[PukiWiki]"){kind=logo}
#author("2023-07-14T01:27:53+00:00","default:admin","admin") #author("2023-07-14T07:40:53+00:00","default:admin","admin") *レイアウトツールについて [#cbeb4d2a] 「レイアウトツール」は、タイトル画面をはじめ、会話時のウインドウやお店などの各種メニュー画面、バトル時の画面など、ゲーム画面のデザインを作成することができる機能です。 基本的に、ゲーム内に登場する「機能を持ったそれぞれの画面」に対して、さまざまなパーツを組みあわせてレイアウトを作成します。 （特定の機能に縛られない、イベントから自由に呼び出せる「イベント用フリーレイアウト」という画面もあります。） 各画面に対してレイアウトは複数作成することができ、イベントで指定することでレイアウトを切り替えることができます。 レイアウトツールの機能については[[レイアウトツール]] 作成する対象となる各画面については[[画面リスト]] レイアウトパーツについては[[レイアウトパーツの種類と設定できるプロパティ項目]]をご覧ください。 #Contents **ゲーム画面レイアウト作成の概要 [#w7004d82] Bakinのゲーム内の各画面のデザインは下記のステップで作成します。 +ゲーム内の各「画面」に対して「レイアウト」を作成 +その「レイアウト」を「レイアウトパーツ」の組み合わせて作成 - &size(18){画面}; ゲーム内の各画面を表します。 レイアウトツール一番左側柱にある「画面リスト」に並んでいます。 - &size(18){レイアウト}; 各画面ごとに複数のレイアウトを持つことができます。 作成したレイアウトは各画面の「割り当てるレイアウト欄」に並びます。 レイアウトパーツの設定やイベントなどで各画面においてどのレイアウトを表示するかを設定・変更することができます。 また各レイアウトはプロパティーでその振る舞いを指定することができます。 - &size(18){レイアウトパーツ}; レイアウトを構成するパーツです。 レイアウトパーツはコンテナとパネルに大別されます。 各パーツはプロパティーによってその振る舞いを指定することができます。 ''下図の例をご覧ください。'' 「メニュー」画面には3つのレイアウトが作られています。各画面に対して作成できるレイアウトの数は制限はありません。 「Master」という名前のレイアウトは、「レイアウトパーツ」欄の各種パーツで構成されています。 また、「Master」レイアウトのチェックボックスがオンになっています。 これはこのプロジェクト（ゲーム）のメニュー画面のデフォルトのレイアウトとして指定されている、ということを表しています。 イベントを使えば、メニュー画面を「Master-Camp」レイアウトなど他のレイアウトに変更することができます。 #ref(./レイアウトツール_概要_1.png,70%) #br ***画面のつながり [#m2de13e2] 画面の中には、ある画面の後に呼び出されることで使うことのできる画面があります。 例えばマップ上でアイテムを使うまでに表示される画面は下記のようにつなげる必要があります。 &size(18){「メニュー」画面→「アイテム選択」画面→「アイテム使用者選択」画面}; またショップで購入するときの画面は下記のように遷移する必要があります。 &size(18){「ショップ選択肢」画面→「ショップ買う」画面→「ショップ購入個数」画面}; ''下図をご覧ください。'' -画面リストで白ベースのアイコンの画面は「呼び出す画面」です。 これらの画面はレイアウト欄にチェックボックスがあり、ゲーム内でデフォルトとなる画面を設定できます。 -画面リストで黒ベースのアイコンの画面は「呼び出される画面」です。 レイアウト欄にチェックボックスがありません。 ※イベントを使っていきなり呼び出せる画面もあります。 ※イベントを使うことで呼び出すことができる画面もあります。 #ref(./レイアウトツール_概要_2.png,70%) #br ''&color(red){重要};'' 各画面のレイアウトで、レイアウト名が「&color(red){赤文字};」のものはシステムプロジェクトで設定されるシステム（デフォルト）レイアウトです。 システムレイアウトの内容は変更することができません。 割り当てるレイアウト欄にてレイアウトをコピー＆ペーストした上で、ペーストしたレイアウトを編集してください。 **レイアウトの作成 [#n732a0ff] Bakinのプロジェクトを開き、マスタメニュー＞レイアウトツールを使って作成します。 +「画面リスト」でレイアウトを作りたい画面を選択 +「割り当てるレイアウト」欄でレイアウトを追加（もしくは既存のレイアウトをコピー＆ペースト）してください。 +必要に応じてレイアウトのプロパティーを変更します。 +レイアウトパーツツリーにて必要なレイアウトパーツを追加していきます。 +追加したレイアウトパーツの設定をレイアウトパーツのプロパティーで行います。 「レイアウトパーツのプロパティー」は、「レイアウトのプロパティー」と同じ欄に表示されます。 #ref(./レイアウトツール_概要_3.png,70%) #br //レイアウトツールには、以下の機能があります。 //-''画面リスト'' //ゲーム内で使用される画面の一覧から、編集したい画面を選択します。 //画面は、大きく7つのカテゴリに分けられています。 //--''タイトル'' //ゲームのタイトル画面です。タイトルのほか、新規で始めるか、セーブから始めるかなどの選択も行えます。 //--''システム'' //ローディング中の演出と起動ロゴの設定ができます。 //--''ゲーム内演出'' //マップ移動時のマップ名の表示のさせ方やゲームオーバー時の表示などが設定できます。 //--''メニュー'' //アイテム選択時や図鑑の表示方法、ステータス画面など、ゲーム中に表示されるさまざまなメニューのデザインを設定できます。 //--''会話'' //NPCとの会話やテロップの表示などの設定が行えます。 //--''ショップ'' //お店や宿屋を利用時に表示される各種メニューを設定できます。 //--''バトル'' //バトル時のメッセージやステータスの表示や、リザルト画面のデザインを作成することができます。 //-''割り当てるレイアウト'' //ゲーム中のそれぞれのシーンに割り当てるレイアウトを設定します。 //-''レイアウトパーツの追加'' //レイアウトパーツを新規に作成するさいには、あらかじめ用意されたたくさんの項目から表示させたいデータを選択することができます。 //-''レイアウトパーツのプロパティ設定'' //レイアウトを構成する要素である「レイアウトパーツ」に、表示させる項目や表示のさせ方などを設定します。
