#author("2022-09-19T21:15:36+00:00","default:admin","admin")
#contents
#author("2023-07-14T07:40:53+00:00","default:admin","admin")
*レイアウトツールについて [#cbeb4d2a]

*''レイアウトツール'' [#af80cee2]
**''画面リスト'' [#gcb9ec3a]
**''割り当てるレイアウト'' [#a9fecb23]
-''レイアウト追加 ボタン''
-''コピー ボタン''
-''貼り付け ボタン''
-''削除 ボタン''
-''チェックボックス''
「レイアウトツール」は、タイトル画面をはじめ、会話時のウインドウやお店などの各種メニュー画面、バトル時の画面など、ゲーム画面のデザインを作成することができる機能です。
基本的に、ゲーム内に登場する「機能を持ったそれぞれの画面」に対して、さまざまなパーツを組みあわせてレイアウトを作成します。
（特定の機能に縛られない、イベントから自由に呼び出せる「イベント用フリーレイアウト」という画面もあります。）

 ※プリセットされているレイアウトは編集できません。
 手直しをしたい場合は、プリセットレイアウトをコピー＆ペーストして編集します。
各画面に対してレイアウトは複数作成することができ、イベントで指定することでレイアウトを切り替えることができます。

**''レイアウトパーツ'' [#bf07647a]
-''追加 ボタン''
 ※パーツ一覧については別項
-''コピー ボタン''
-''貼り付け ボタン''
-''削除 ボタン''
-''チェックボックス''
レイアウトツールの機能については[[レイアウトツール]]
作成する対象となる各画面については[[画面リスト]]
レイアウトパーツについては[[レイアウトパーツの種類と設定できるプロパティ項目]]をご覧ください。

**''レイアウトプレビュー'' [#u0bcf5a6]
-''出現再生 ボタン''
-''消滅再生 ボタン''
-''スナップ ボタン''
-''グリッド ボタン''
-''キャプチャ ボタン''
-''表示切替 ボタン''
-''拡大率 ボタン''
-''微調整 ボタン''
-''配置 ボタン''
-''プレビュー画面''
-''スライダーバー''
#Contents

**''プロパティ'' [#n7f0b90d]
※レイアウトパーツの種類ごとに設定項目が異なるというざっくりとした説明
-''レイアウトパーツのサブプロパティ''
**ゲーム画面レイアウト作成の概要 [#w7004d82]
Bakinのゲーム内の各画面のデザインは下記のステップで作成します。
+ゲーム内の各「画面」に対して「レイアウト」を作成
+その「レイアウト」を「レイアウトパーツ」の組み合わせて作成

- &size(18){画面};
ゲーム内の各画面を表します。
レイアウトツール一番左側柱にある「画面リスト」に並んでいます。

*''画面リストの一覧と使用レイアウトパーツの種類'' [#s45d57cc]
デフォルトの「画面リスト」に用意されているレイアウトパーツの一覧です。
【】内は、それぞれのレイアウトパーツの種類です。
種類ごとに設定できるプロパティは、「LayoutPartsダイアログ」をご覧ください。
- &size(18){レイアウト};
各画面ごとに複数のレイアウトを持つことができます。
作成したレイアウトは各画面の「割り当てるレイアウト欄」に並びます。
レイアウトパーツの設定やイベントなどで各画面においてどのレイアウトを表示するかを設定・変更することができます。
また各レイアウトはプロパティーでその振る舞いを指定することができます。

**''タイトル'' [#t9308ea6]
-''背景''：【描画用コンテナ】
-''タイトル名とサブタイトル名''：【描画用コンテナ】
--''タイトル名''：【文字列の描画用パネル】
--''サブタイトル名''：【文字列の描画用パネル】
-''初めから、続きから、コンフィグ''【項目の選択用のコンテナ】
--''はじめから''：【[[項目の選択の要素用コンテナ]]】
---''はじめからテキスト''：【文字列の描画用パネル】
--''続きから''：【項目の選択の要素用コンテナ】
---''続きからテキスト''：【文字列の描画用パネル】
--''コンフィグ''：【項目の選択の要素用コンテナ】
---''コンフィグテキスト''：【文字列の描画用パネル】
--''ゲームを終わる''：【項目の選択の要素用コンテナ】
---''コンフィグテキスト''：【文字列の描画用パネル】
- &size(18){レイアウトパーツ};
レイアウトを構成するパーツです。
レイアウトパーツはコンテナとパネルに大別されます。
各パーツはプロパティーによってその振る舞いを指定することができます。

**''システム'' [#aa153049]
***''ローディング'' [#xea7956d]
-''Loading''：【描画用のコンテナ】
--''Loading''：【スプライトの描画用パネル】

***''起動ロゴ'' [#g6f8dc31]
-''背景''：【描画用のコンテナ】
--''ロゴ''：【スプライトの描画用パネル】
''下図の例をご覧ください。''
「メニュー」画面には3つのレイアウトが作られています。各画面に対して作成できるレイアウトの数は制限はありません。

**''ゲーム内演出'' [#id75695a]
**''メニュー'' [#w15ef6f4]
**''会話'' [#k7f9c80f]
**''ショップ'' [#u5f60eb8]
**''バトル'' [#o4a2e416]
「Master」という名前のレイアウトは、「レイアウトパーツ」欄の各種パーツで構成されています。

**************************************************** [#d90e325b]
また、「Master」レイアウトのチェックボックスがオンになっています。
これはこのプロジェクト（ゲーム）のメニュー画面のデフォルトのレイアウトとして指定されている、ということを表しています。
イベントを使えば、メニュー画面を「Master-Camp」レイアウトなど他のレイアウトに変更することができます。

#ref(./レイアウトツール_概要_1.png,70%)
#br


-''はじめから''
-''はじめからテキスト''
***画面のつながり [#m2de13e2]
画面の中には、ある画面の後に呼び出されることで使うことのできる画面があります。

例えばマップ上でアイテムを使うまでに表示される画面は下記のようにつなげる必要があります。
&size(18){「メニュー」画面→「アイテム選択」画面→「アイテム使用者選択」画面};
またショップで購入するときの画面は下記のように遷移する必要があります。
&size(18){「ショップ選択肢」画面→「ショップ買う」画面→「ショップ購入個数」画面};

**''システム'' [#m97b8623]
***''ローディング'' [#abeaca08]
***''起動ロゴ'' [#vbda1629]

''下図をご覧ください。''
-画面リストで白ベースのアイコンの画面は「呼び出す画面」です。
これらの画面はレイアウト欄にチェックボックスがあり、ゲーム内でデフォルトとなる画面を設定できます。

************************************************** [#ke99aad1]
-画面リストで黒ベースのアイコンの画面は「呼び出される画面」です。
レイアウト欄にチェックボックスがありません。
※イベントを使うことで呼び出すことができる画面もあります。

**''LayoutPartsダイアログ'' [#nb5affc1]
-''レイアウトパーツのアイコン一覧''
***''コンテナ'' [#e639be39]
-''[[項目の選択用のコンテナ]]''
--''基本''
---''表示位置X''
---''表示位置Y''
---''横サイズ''
---''縦サイズ''
---''表示原点''
---''スケールX''
---''スケールY''
---''特殊座標指定タグ''
#ref(./レイアウトツール_概要_2.png,70%)
#br

--''表示''
---''ウィンドウ画像''
---''矩形として表示する''
---''色''
---''加算合成を利用する''
''&color(red){重要};''
各画面のレイアウトで、レイアウト名が「&color(red){赤文字};」のものはシステムプロジェクトで設定されるシステム（デフォルト）レイアウトです。
システムレイアウトの内容は変更することができません。
割り当てるレイアウト欄にてレイアウトをコピー＆ペーストした上で、ペーストしたレイアウトを編集してください。

--''表示演出''
---''スプライト''
**レイアウトの作成 [#n732a0ff]
Bakinのプロジェクトを開き、マスタメニュー＞レイアウトツールを使って作成します。
+「画面リスト」でレイアウトを作りたい画面を選択
+「割り当てるレイアウト」欄でレイアウトを追加（もしくは既存のレイアウトをコピー＆ペースト）してください。
+必要に応じてレイアウトのプロパティーを変更します。
+レイアウトパーツツリーにて必要なレイアウトパーツを追加していきます。
+追加したレイアウトパーツの設定をレイアウトパーツのプロパティーで行います。
「レイアウトパーツのプロパティー」は、「レイアウトのプロパティー」と同じ欄に表示されます。

--''制御''
---''メニューが4開いたときに非表示にする''
---''子供のテキストが空の時に非表示にする''
#ref(./レイアウトツール_概要_3.png,70%)
#br

--''メニューサブパネルの設定''
---''配置方法''
---''1行または1列あたりの要素数''
---''選択枠画像''
---''選択枠色''
---''加算合成を利用する''
---''選択枠画像を点滅させる''
---''背景用画像''
---''背景用色''
---''加算合成を利用する''
---''オフセットX''
---''オフセットY''
---''パネル横幅''
---''パネル縦幅''
---''パネル余白X''
---''パネル余白Y''
---''配置基準''
---''選択カーソルスプライト''
---''カーソルオフセットX''
---''カーソルオフセットY''
---''カーソル位置の補完を行うか''
---''カーソル位置の補完にかかる時間''

--''ページマーク設定''
---''表示する''
---''1ページ以内のとき非表示''
---''オフセットX''
---''オフセットY''

-''項目の選択の要素用コンテナ''
-''描画用のコンテナ''
***''パネル'' [#c48504c6]
***''ゲーム全般'' [#i6d489ed]
***''パーティ'' [#n5a1bb3e]
***''控え'' [#j471e5a2]
***''セーブデータ'' [#a8ee3ecf]
***''アイテム'' [#x80d652f]
***''スキル'' [#q7b99c57]
***''装備'' [#l6206ce0]
***''図鑑'' [#qcb4f135]
***''ショップ'' [#i22bcdcf]
***''イベント'' [#fa2befb8]
***''戦闘'' [#r7595c5b]
//レイアウトツールには、以下の機能があります。

//-''画面リスト''
//ゲーム内で使用される画面の一覧から、編集したい画面を選択します。
//画面は、大きく7つのカテゴリに分けられています。
//--''タイトル''
//ゲームのタイトル画面です。タイトルのほか、新規で始めるか、セーブから始めるかなどの選択も行えます。
//--''システム''
//ローディング中の演出と起動ロゴの設定ができます。
//--''ゲーム内演出''
//マップ移動時のマップ名の表示のさせ方やゲームオーバー時の表示などが設定できます。
//--''メニュー''
//アイテム選択時や図鑑の表示方法、ステータス画面など、ゲーム中に表示されるさまざまなメニューのデザインを設定できます。
//--''会話''
//NPCとの会話やテロップの表示などの設定が行えます。
//--''ショップ''
//お店や宿屋を利用時に表示される各種メニューを設定できます。
//--''バトル''
//バトル時のメッセージやステータスの表示や、リザルト画面のデザインを作成することができます。

//-''割り当てるレイアウト''
//ゲーム中のそれぞれのシーンに割り当てるレイアウトを設定します。

//-''レイアウトパーツの追加''
//レイアウトパーツを新規に作成するさいには、あらかじめ用意されたたくさんの項目から表示させたいデータを選択することができます。

//-''レイアウトパーツのプロパティ設定''
//レイアウトを構成する要素である「レイアウトパーツ」に、表示させる項目や表示のさせ方などを設定します。
トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS