![[PukiWiki]](./skin/BAKIN_logo_92.png "[PukiWiki]"){kind=logo}
#author("2023-07-14T07:29:09+00:00","default:admin","admin") #author("2024-03-27T18:43:45+09:00","default:admin","admin") *''レイアウトツール'' [#l26d8dec] さまざまなゲーム画面やメニュー、シーンごとにデザインや演出を施すことができるのがレイアウト機能です。 たとえば、ゲームタイトル画面には、「Title」というレイアウトが割り当てられており、そのレイアウトは、「背景」や「タイトル名」といったいくつかのレイアウトパーツが組み合わされてできています。 そして、実際の演出や設定は、レイアウトを構成するレイアウトパーツに対して行います。 それら、レイアウトに関する機能をまとめたのが、このレイアウトツールです。 //COLOR(#FF0000):画像入る #ref(./レイアウトツール.png,50%) #br #Contents **''画面リスト'' [#yd1e5ad8] ここには、機能やシチュエーションごとに多くのゲーム画面があらかじめ用意されており、大きく７つのカテゴリに分類されて表示されます。 ここから編集したいゲーム画面を選択します。 アイコンが白ベースの画面は「他の画面を呼び出す画面」、黒ベースの画面は「他の画面から呼び出される画面」です。 「割り当てるレイアウト」欄のチェックボックスの有無と対応しています。 #ref(./レイアウトツール_画面リスト.png) #br **''割り当てるレイアウト'' [#ja227753] 画面リストにある画面には、あらかじめデフォルトのレイアウトが割り当てられています。 デフォルトレイアウト（レイアウト名が赤文字）は編集できません。手直しして使用したい場合は、コピー＆ペーストしたレイアウトを編集してください。 #ref(./レイアウトツール_割り当てるレイアウト.png) #br -''レイアウト追加 ボタン'' 新規にレイアウトを追加します。 -''コピー ボタン'' 選択されたレイアウトをコピーします。 -''貼り付け ボタン'' コピーされたレイアウトをペーストします。 -''削除 ボタン'' 選択されたレイアウトを削除します。 デフォルトのレイアウトは削除できません。 #br -''チェックボックスについて'' この欄にて、レイアウトにチェックボックスがない画面は、他の画面から呼び出される画面です。 チェックボックスがあるレイアウトの「項目の選択の要素用コンテナ」のプロパティー「開くレイアウト」にて指定することで、ゲーム内にて使用することができます。 **''レイアウトパーツの機能'' [#aed65449] レイアウトを構成する部品が「レイアウトパーツ」です。 デフォルトレイアウトのパーツは編集できませんが、コピーした上で他のレイアウトにペーストすることは可能です。 レイアウトパーツについて詳しくは[[レイアウトパーツの種類と設定できるプロパティ項目]]をご覧ください。 #ref(./レイアウトツール_レイアウトパーツ.png) #br -''パーツ追加 ボタン'' レイアウトパーツ追加ダイアログが開き、新規にパーツを追加できます。 パーツリストのコンテナを選択して追加する場合、コンテナをクリックして「開いた状態のアイコン」にすればコンテナの中にパーツが追加されます。 ''&color(red){注意};'' 仕様上配置できないコンテナやパネルは追加ダイアログに表示されません。 例えばメニューコンテナの子としてしか配置できないサブメニューコンテナは、メニューコンテナを選択し、コンテナが「開いた状態のアイコン」になっていなければ追加することはできません。 -''コピー ボタン'' 選択されたレイアウトパーツをコピーします。 -''貼り付け ボタン'' コピーされたレイアウトパーツをペーストします。 -''削除 ボタン'' 選択されたレイアウトパーツを削除します。 デフォルトのレイアウトパーツは削除できません。 -''ロックボタン'' レイアウトパーツの移動や拡縮などプロパティー「基本」欄にある項目の操作をロックすることができます。 親にあたるパーツがロックされていると、子のパーツもロックされます。 ロックされているパーツをプレビュー上でクリックすると青い枠が表示されます。 -''チェックボックス'' チェックを外すと、プレビュー画面およびゲーム内でそのパーツは表示されなくなります。 **''レイアウトプレビュー'' [#tc013b05] レイアウトの状態を確認したりパーツを配置したりできるプレビュー画面です。 #ref(./レイアウトツール_レイアウトプレビュー.png,70%) #br -''プレビュー上部メニューの機能'' --''スケール変更 ボタン'' プレビューの拡大率を変更できます。拡大率は数値を記入して指定することも出来ます。 --''プレビューを画面サイズに合わせる'' プレビューをプレビューウィンドウのサイズに自動的に合わせます。 --''出現再生 ボタン'' レイアウトパーツのプロパティー「表示演出」に「出現モーション」を設定している場合は、クリックするとモーションが再生されます。 --''消滅再生 ボタン'' レイアウトパーツのプロパティー「表示演出」に「消滅モーション」を設定している場合は、クリックするとモーションが再生されます。 --''スナップ ボタン'' オンにすると、レイアウトパーツがグリッドに合わせて配置されます。 --''グリッド ボタン'' オンにすると、プレビュー画面に位置の目安になるグリッド（方眼）が表示されます。 --''背景色設定 ボタン'' プレビューの背景色を設定できます。 --''キャプチャ ボタン'' カメラツールから指定したマップのワンシーンを取り込んで、プレビュー用の背景として表示することができます。 ゲーム中のシーンにレイアウトが表示された際にどのように見えるかの目安をつけるためにご利用ください。 --''追加レイアウト表示 ボタン'' 現在編集中のレイアウトとは別のレイアウトを1つ指定してプレビュー上に表示することができます。 追加表示したレイアウトは編集できません。 複数のレイアウトが同時に表示された際にどのように見えるのか目安を付けるためにご利用ください。 --''微調整 ボタン'' 選択しているレイアウトパーツの位置を調整できます。 ---「上下調整」 アイコンを左クリックするたびに下方向に、右クリックするたびに上方向に移動できます。 ---「左右調整」 アイコンを左クリックするたびに右方向に、右クリックするたびに左方向に移動できます。 ---「幅調整」 アイコンを左クリックするたびに幅が伸び、右クリックするたびに幅が縮みます。 ---「高さ調整」 アイコンを左クリックするたびに高さが伸び、右クリックするたびに高さが縮みます。 --''配置 ボタン'' 複数のレイアウトパーツを選択している場合、指定方向に揃えたり整列させたりすることができます。 --''レイアウトインポート ボタン'' 保存されたレイアウトデータ.lyrbrファイルを読み込みます。 --''レイアウトエクスポート ボタン'' 現在のレイアウトを.lyrbrファイルとして保存します。 保存の際、.lyrbrファイルにはどの画面のレイアウトを保存するかを指定することができます。 また｡lyrbrファイルにはそれぞれのレイアウトが使用しているリソースも含まれるため、このファイルを共有いただくことで自作のレイアウトを他の方に渡すことができます。 -''プレビュー画面'' 選択されているレイアウトがプレビューされます。 --''プレビュー画面の操作'' |操作|機能|備考|h |マウスセンターホイール|プレビューの拡縮|| |センターホイール/スペースキーを押しながらマウスドラッグ|画面のスクロール|| |パーツをクリック|操作するパーツの選択。|選択されているパーツは赤い枠、その親にあたるパーツは黄色い枠、ロックされているパーツは青い枠が表示されます。| |複数のパーツが重なっている箇所でマウスクリック|クリックするたびに指定するパーツが切り替わります。|| |マウスドラッグをして範囲を選択|ドラッグした範囲に含まれるレイアウトパーツをすべて選択|パーツの外周全てが範囲に含まれたものだけ選択状態になります。| |パーツをクリックしてマウスドラッグ|選択されているパーツの移動|移動するものが子のパーツの場合、パーツのプロパティーの設定によっては親のパーツの範囲外に移動するとクリッピングされることがあります。| |選択したパーツの枠をクリックしてマウスドラッグ|パーツのサイズ変更|項目の選択の要素用コンテナは親となるコンテナによってサイズが規定されるため、この操作ではサイズを変更することができません。| // パーツの枠のフチをドラッグ サイズの拡縮 （これはアップデートで入る予定なので訳しておく） -''右クリックメニュー'' プレビュー画面内で右クリックすると、以下のメニューが使用できます。 --''キャプチャしてファイルに保存'' 現在のレイアウトを画像として取り込んで保存します。 --''キャプチャしてクリップボードに保存'' 現在のレイアウトを画像として取り込んでクリップボードに保存します。 --''キャプチャしてサムネイルに保存'' 現在のレイアウトを画像として取り込んでこのプロジェクトのサムネイルとして保存します。 **''プロパティ'' [#s99ae9c8] それぞれのレイアウトやレイアウトパーツごとに、詳細な設定をすることができます。 //COLOR(#FF0000):画像入る #ref(プロパティの概要1.png) #br -''レイアウト全体の設定'' 「割り当てるレイアウト」欄で、デフォルトではないレイアウトが選択された時に設定できるレイアウト全体のプロパティです。 --''BGM'' レイアウトが表示される際に鳴らすBGMを設定します。 各画面ごとに設定できる項目が違います。[[画面リスト]]の各画面の説明をご覧ください。 --''BGS'' レイアウトが表示される際に鳴らす環境音を設定します。 //--''BGM'' //レイアウトが表示される際に鳴らすBGMを設定します。 //--''BGS'' //レイアウトが表示される際に鳴らす環境音を設定します。 //--''ロゴの表示時間【起動ロゴ画面専用】'' //起動ロゴが表示されている時間を設定できます。 //--''メッセージ行数【メッセージ画面、会話画面専用】'' //行送りマークが出るまでの行数を設定できます。 //--''プレイヤーの操作を禁止する【イベント用フリーレイアウト画面専用】'' //ONにすると、このレイアウトを表示している間はメニュー操作以外の操作を禁止します。 //--''キャンセルボタンで非表示にする【イベント用フリーレイアウト画面専用】'' //ONにすると、プレイ中キャンセルボタンを押した際、このレイアウトを閉じるようになります。 //--''プレビューテキスト【汎用メッセージ画面、選択肢画面専用】'' //レイアウトプレビュー用の設定です。 //指定したテキストを入れた形でプレビューが表示されます。 //--''選択肢の行数【選択肢画面専用】'' //レイアウトプレビュー用の設定です。 //指定した選択肢の行数（数）を入れた形でプレビューが表示されます。 //--''表示するウィンドウの位置【選択肢画面専用】'' //レイアウトプレビュー用の設定です。 //プレビューテキスト及び選択肢の行数が指定されている時、指定した位置のメニューコンテナをプレビューに表示します。 //メニューコンテナの特殊座標指定タグに、表示位置を示すタグを設定しておく必要があります。 //--''決定/キャンセル/削除/種類1/種類2/種類3/種類4【文字入力画面専用】'' //文字入力パネルに配置する決定ボタンなどに使う画像を指定できます。 --''ロゴの表示時間【起動ロゴ画面専用】'' 起動ロゴが表示されている時間を設定できます。 --''メッセージ行数【メッセージ画面、会話画面専用】'' 行送りマークが出るまでの行数を設定できます。 --''プレイヤーの操作を禁止する【イベント用フリーレイアウト画面専用】'' ONにすると、このレイアウトを表示している間はメニュー操作以外の操作を禁止します。 --''キャンセルボタンで非表示にする【イベント用フリーレイアウト画面専用】'' ONにすると、プレイ中キャンセルボタンを押した際、このレイアウトを閉じるようになります。 --''プレビューテキスト【汎用メッセージ画面、選択肢画面専用】'' レイアウトプレビュー用の設定です。 指定したテキストを入れた形でプレビューが表示されます。 --''選択肢の行数【選択肢画面専用】'' レイアウトプレビュー用の設定です。 指定した選択肢の行数（数）を入れた形でプレビューが表示されます。 --''表示するウィンドウの位置【選択肢画面専用】'' レイアウトプレビュー用の設定です。 プレビューテキスト及び選択肢の行数が指定されている時、指定した位置のメニューコンテナをプレビューに表示します。 メニューコンテナの特殊座標指定タグに、表示位置を示すタグを設定しておく必要があります。 --''決定/キャンセル/削除/種類1/種類2/種類3/種類4【文字入力画面専用】'' 文字入力パネルに配置する決定ボタンなどに使う画像を指定できます。 -''レイアウトパーツのプロパティ'' レイアウトパーツは、３つの「コンテナ」と４つの「パネル」という種類に分けられ、それぞれ設定できるプロパティが異なります。 詳しくはこのヘルプ内の[[レイアウトパーツの種類と設定できるプロパティ項目]]をご覧ください。 -''レイアウトパーツのサブプロパティ'' 「スプライトの描画用パネル」に割り当てられたスプライトの画像のプレビューを表示します。 詳しくはこのヘルプ内の[[レイアウトパーツの種類と設定できるプロパティ項目]]をご覧ください。
