History of Types of Layout Parts and Properties (No. 5)

• History
• View the diff.
• View the diff current.
• View the source.
• Go to Types of Layout Parts and Properties.
  • 1 (2022-10-12 (Wed) 12:17:57)
  • 2 (2022-10-13 (Thu) 19:02:28)
  • 3 (2022-10-14 (Fri) 10:30:44)
  • 4 (2022-10-17 (Mon) 18:46:34)
  • 5 (2022-10-17 (Mon) 18:46:34)
  • 6 (2022-11-09 (Wed) 16:47:29)
  • 7 (2022-12-26 (Mon) 17:37:38)
  • 8 (2022-12-28 (Wed) 16:52:07)
  • 9 (2023-02-07 (Tue) 10:31:11)
  • 10 (2023-04-12 (Wed) 15:23:18)
  • 11 (2023-04-12 (Wed) 19:38:12)
  • 12 (2023-07-16 (Sun) 22:51:37)
  • 13 (2023-07-17 (Mon) 15:30:32)
  • 14 (2023-07-19 (Wed) 20:59:00)
  • 15 (2023-07-19 (Wed) 20:59:00)
  • 16 (2023-10-22 (Sun) 21:08:29)
  • 17 (2024-03-27 (Wed) 09:09:55)
  • 18 (2024-04-25 (Thu) 05:09:46)
  • 19 (2024-04-25 (Thu) 07:58:57)
  • 20 (2024-06-20 (Thu) 13:36:38)

---

We have translated the half way through, please use Google Translate on the left to translate the rest. (October 17)†

Edit of Types of Layout Parts and Properties†

Types of Layout Parts†

Layouts are created by combining layout parts.
To see how each part is used, you can refer to the default layout data or the layout data of a sample game.
In particular, the title screen, menu screen, config screen, and battle status screen will be helpful in using the various parts.

Containers†

Containers are the base parts of a layout that bind the various elements together.
A container can have other containers or panels as child elements. (Only containers for entry selection, they cannot be children of other containers.)

• Container for Entry Selection
  This container is the base of the screen menu. It cannot be a child of any other container. Also, with the exception of some screens, only one is placed on each screen.
  Information such as cursors used in menus and page feeds are also specified in this container.
• Container for Elements of Entry Selection
  This container is used as an entry selection in a menu. You can set what to do when a selection is made in the game, and what screen to open.
• Container for Rendering
  This container allows you to group elements to be rendered. The Container Control Number field can be used to specify the container number used in the special format used by the elements it belongs to all at once.

Panels†

A panel is "an element that appears in a layout. Panels cannot have children. It can be used by itself or belong to a container.

• Panel for Rendering Strings
  This panel displays in-game parameters specified by text or special format. Depending on the special format you specify, images may also be displayed. (e.g., the special format\equipimage[] will display the equipment item image set in the database).

• Panel for Rendering Sprites
  This panel displays the specified sprite. The image specified by the sprite can be displayed.

• Panel for Slider Operation
  This panel is used to display sliders for HP gauges, volume control, and other thumb-based operations. It can be used for specific actions specified by the parent container.

• Panel for Spin Operation
  This panel provides a mechanism for selecting text entries with left and right input operations. It can be used for specific actions specified by the parent container.

Properties that can be set in "Container for Entry Selection"†

• Basic
  Specify basic settings such as the position of layout parts.
  • Display Position X
    Specify the X Coordinate of the layout part.
  • Display Position Y
    Specify the Y Coordinate of the layout part.
  • Horizontal Size
    Specify the width of the display size of the layout part.
  • Vertical Size
    Specify the height of the display size of the layout part.
  • Display Origin
    Specify the display origin of the layout part.
  • Scale X
    Specify the display scale of the horizontal (X) axis of the layout part.
  • Scale Y
    Specify the display scale of the vertical (Y) axis of the layout part.
  • Special Coordinate Specification Tag
    Specify the display position of messages, conversations, inns, selections, and tickers.
    Tags (strings) that can be specified: TopLeft,Top,TopRight,Left,Left,Right,BottomLeft,Bottom,BottomRight

• Visible
  Specify settings related to the display of layout parts, such as images.
  • Window Image
    Specify the underlying image (background or window frame) for the container.
  • Fill with Specified Size as Rectangle
    Fill the area set in "Basic" with the specified color.
  • Color
    Multiply the specified image or rectangle by the color specified here. You can also create an image in white and use this option to specify the display color.
  • Use Additive Composition
    Normally, color calculation is performed by multiplication, but when the switch is turned on, color calculation is performed by addition and the window is displayed.

• Effect
  Specify settings related to effects such as the appearance and disappearance of layout parts.
  • Sprite Set referring to "Motion"
    Specify the sprite set to be used for the display effect of the layout.
    Information other than "Image" of the specified sprite set is referenced.
  • Motion During Display
    Specify the motion being displayed.
  • Appearance Motion
    Specify the motion at appearance.
  • Disappearance Motion
    Specify the motion at disappearance.

• Control
  レイアウトパーツの動作を設定します。
  • Hide when Menu is Opened
    メニューが開いたときに、このコンテナを非表示にします。
  • Hide when Child Text is Empty
    コンテナ内のテキストパネルに表示する情報がない場合、このコンテナ自体を非表示にします。
    （例：特殊書式でキャラクターおよびステータスを表示する場合。）

• Menu Subpanel Settings
  メニューサブパネルの位置や表示に関する項目を設定します。
  • Placement Method
    メニューサブパネルの配置方法を設定します。横と縦の２種類から選択します。
  • Number of Elements per Row or Column
    1行または1列あたりの要素数を設定します。
  • Selection Frame Image
    選択枠の画像を設定します。
  • Selection Frame Color
    選択枠の画像に指定の色を乗算します。白一色で画像を作成し、この項目で表示色を指定するといった使い方もできます。
  • Use Additive Composition
    通常は乗算で色の計算を行いますが、
    スイッチをONにすると加算で色の計算を行ってウィンドウを表示します。
  • Blink Frame Image
    スイッチをONにすると、選択枠が点滅します。
  • Background Image
    背景用画像を設定します。
  • Background Color
    背景に指定の色を乗算します。白一色で画像を作成し、この項目で表示色を指定するといった使い方もできます。
  • Use Additive Composition
    通常は乗算で色の計算を行いますが、
    スイッチをONにすると加算で色の計算を行ってウィンドウを表示します。
  • Offset X
    このコンテナ内の選択要素の配置位置を指定します。このコンテナの原点からの距離(X)を指定します。
  • Offset Y
    このコンテナ内の選択要素の配置位置を指定します。このコンテナの原点からの距離(Y)を指定します。
  • Sub-Panel Width
    サブパネルの横幅サイズを設定します。
  • Sub-Panel Height
    サブパネルの縦幅サイズを設定します。
  • Sub-panel Margin X
    サブパネル周辺の余白の横サイズを指定します。
  • Sub-panel Margin Y
    サブパネル周辺の余白の縦サイズを指定します。
  • Standard Placement
    サブパネルの配置基準点を設定します。

• Corsor Setting
  項目を指し示すカーソルに関する設定をします。
  • Selection Cursor Sprite Set
    カーソルとして表示するスプライトセットを指定します。
  • Selection Cursor Displaying Motion
    選択カーソル表示中のモーションを指定します。
  • Selection Cursor Inactive Motion
    選択カーソルが非アクティブの時のモーションを設定します。
  • Selection Cursor Appearance Motion
    選択カーソルが出現するときのモーションを設定します。
  • Selection Cursor Disappearance Motion
    選択カーソルが消滅するときのモーションを設定します。
  • Cursor Offset X
    カーソルと、カーソルが当たる項目の選択の要素用コンテナの原点からの横の距離を指定します。
  • Cursor Offset Y
    カーソルと、カーソルが当たる項目の選択の要素用コンテナの原点からの縦の距離を指定します。
  • Whether to Interpolate Cursor Position
    カーソルが次の位置に移動するまでの補間方法について設定します。
  • Time Required to Interpolate Cursor Position
    カーソル位置の補間にかかる時間（秒）を設定します。

• Page Mark Setting
  メニューの選択項目が複数ページにわたる場合のインジケータに関する設定を行います。
  • Display
    ページマークを表示するかどうかを設定します。
  • Hide When Within 1 Page
    スイッチをONにすると、全項目が1ページに収まるとき、ページマークが非表示になります。
  • Offset X
    基準となる位置から横(X)方向にページマークをずらす距離を設定します。
  • Offset Y
    基準となる位置から縦(Y)方向にページマークをずらす距離を設定します。
  • Page Position Current
    アイテム、セーブデータなど、表示項目が複数ページにわたって存在することを示す、グラフィックを設定します。
  • Page Position
    アイテム、セーブデータなど、表示項目が複数ページにわたって存在することを示す、グラフィックを設定します。

「項目の選択の要素用コンテナ」で設定できるプロパティ†

• Basic
  レイアウトパーツの位置など基本的な設定をします。
  • Offset X
    親となるパーツからの横(X)方向のオフセット値を設定します。
  • Offset Y
    親となるパーツからの縦(Y)方向のオフセット値を設定します。

• Effect
  レイアウトパーツの出現・消滅など演出にまつわる設定をします。
  • Sprite Set referring to "Motion"
    レイアウトの表示演出に利用するスプライトセットを指定します。
    指定したスプライトセットの「イメージ」以外の情報が参照されます。
  • Motion During Display
    表示中のモーションを指定します。
  • Appearance Motion
    出現時のモーションを指定します。
  • Disappearance Motion
    消滅時のモーションを指定します。

• Control
  レイアウトパーツの動作を設定します。
  • Action
    この項目が選択された際に実行するアクションを設定します。
  • Layout to be Opened
    この項目が選択された際に開くレイアウトを指定します。「アクション」の項目で指定した画面のレイアウトから選択してください。
  • Hide Parent Container when Layout is Opened
    指定したレイアウトが開いたときに、所属する項目の選択用コンテナを非表示にするかを設定します。
  • Common Events
    選択した際に実行される共通イベントを指定します。先に実行する共通イベントを作成しておく必要があります。またこのコンテナのアクションとして「閉じて共通イベントを呼び出す」を指定しておく必要があります。
  • Display Selection Frame Image
    メニューサブパネルの設定で指定した、選択枠画像を表示または非表示を設定します。
  • Display Cursor
    メニューサブパネルの設定で指定した、選択カーソルを表示または非表示を設定します。

「Container for Rendering」で設定できるプロパティ†

• Basic
  レイアウトパーツの位置など基本的な設定をします。
  • Display Position X
    レイアウトパーツのX座標を指定します。
  • Display Position Y
    レイアウトパーツのY座標を指定します。
  • Horizontal Size
    レイアウトパーツの表示サイズの横幅を指定します。
  • Vertical Size
    レイアウトパーツの表示サイズの縦幅を指定します。
  • Display Origin
    レイアウトパーツの表示原点を指定します。
  • Scale X
    レイアウトパーツのX軸の表示スケールを指定します。
  • Scale Y
    レイアウトパーツのY軸の表示スケールを指定します。
  • Special Coordinate Specification Tag
    メッセージ、会話、宿、選択肢、テロップの表示位置を指定します。
    指定できるタグ（文字列） : TopLeft,Top,TopRight,Left,Left,Right,BottomLeft,Bottom,BottomRight

• Visible
  レイアウトパーツの画像など表示にまつわる設定をします。
  • Window Image
    コンテナの下地となる画像（背景やウィンドウ枠）を指定します。
  • Fill with Specified Size as Rectangle
    「基本」で設定した領域を指定の色で塗りつぶします。
  • Color
    指定した画像もしくは矩形に対してここで指定した色を乗算します。白一色で画像を作成し、この項目で表示色を指定するといった使い方もできます。
  • Use Additive Composition
    通常は乗算で色の計算を行いますが、
    スイッチをONにすると加算で色の計算を行ってウィンドウを表示します。

• Effect
  レイアウトパーツの出現・消滅など演出にまつわる設定をします。
  • Sprite Set referring to "Motion"
    レイアウトの表示演出に利用するスプライトセットを指定します。
    指定したスプライトセットの「イメージ」以外の情報が参照されます。
  • Motion During Display
    表示中のモーションを指定します。
  • Appearance Motion
    出現時のモーションを指定します。
  • Disappearance Motion
    消滅時のモーションを指定します。

• Control
  レイアウトパーツの動作を設定します。
  • Container Management Number
    このコンテナの直下の階層に置かれた子の要素で指定された、特殊書式で使われるコンテナ番号を指定します。
    パーティメンバーに関する特殊書式なら「0」は先頭のメンバー、｢1｣は次のメンバーを示し、敵グループに関することならば、「0」は1番目の敵、｢1｣は2番目の敵を示します。「-1｣を入れると「指定しないこと」を表します。
  • Hide when Menu is Opened
    メニューが開いたときに、このコンテナを非表示にします。
  • Hide when Child Text is Empty
    コンテナ内のテキストパネルに表示する情報がない場合、このコンテナ自体を非表示にします。
    （例：特殊書式でキャラクターおよびステータスを表示する場合。）

「Panel for Rendering Strings」で設定できるプロパティ†

• Basic
  レイアウトパーツの位置など基本的な設定をします。
  • Offset X
    親となるパーツからの横(X)方向のオフセット値を設定します。
  • Display Position Y
    親となるパーツからの縦(Y)方向のオフセット値を設定します。
  • Horizontal Size
    レイアウトパーツの表示サイズの横幅を指定します。
  • Vertical Size
    レイアウトパーツの表示サイズの縦幅を指定します。
  • Display Origin
    レイアウトパーツの表示原点を指定します。
  • Scale
    テキストのフォントのスケール値を設定します。画像を表示している場合は作用しません。

• Visible
  レイアウトパーツの画像など表示にまつわる設定をします。
  • Specify What to Display in the Panel
    表示するテキスト、または特殊書式を記入します。
  • Color
    テキストの表示色を設定します。
  • Inactive Color
    テキストの無効状態の表示色を設定します。
  • Status Up Color
    テキストのステータスアップ状態の表示色を設定します。
  • Status Down Color
    テキストのステータスダウン状態の表示色を設定します。
  • Text Effect
    テキストに、アウトライン、イタリック、ボールド、影といった装飾を加えます。
  • Use Multi-Line Text
    文字数が横サイズに収まらない場合、複数行に渡って表示します。
  • Clipping with Parent Container
    親コンテナより外側に設定されている場合、表示されなくなります。

「Panel for Rendering Springs」で設定できるプロパティ†

• Basic
  レイアウトパーツの位置など基本的な設定をします。
  • Offset X
    親となるパーツからの横(X)方向のオフセット値を設定します。
  • Offset Y
    親となるパーツからの縦(Y)方向のオフセット値を設定します。

• Visible
  レイアウトパーツの画像など表示にまつわる設定をします。
  • Sprite Set
    表示するスプライトセットを指定します。スプライトセット内の各モーションに指定されている画像が表示されます。
  • Motion During Display
    表示中のモーションを指定します。
  • Appearance Motion
    出現時のモーションを指定します。
  • Disappearance Motion
    消滅時のモーションを指定します。
  • Color
    指定したスプライトセットの画像に対してここで指定した色を乗算します。

「Panel for Slider Operation」で設定できるプロパティ†

• Basic
  レイアウトパーツの位置など基本的な設定をします。
  • Offset X
    親となるパーツからの横(X)方向のオフセット値を設定します。
  • Offset Y
    親となるパーツからの縦(Y)方向のオフセット値を設定します。
  • Horizontal Size
    レイアウトパーツの表示サイズの横幅を指定します。
  • Vertical Size
    レイアウトパーツの表示サイズの縦幅を指定します。
  • Scale X
    レイアウトパーツの横(X)軸の表示スケールを指定します。
  • Scale Y
    レイアウトパーツの縦(Y)軸の表示スケールを指定します。

• Visible
  レイアウトパーツの画像など表示にまつわる設定をします。
  • Background Image
    スライダーの背景に置かれる画像を設定します。
  • Background Image Color
    指定した画像に対してここで指定した色を乗算します。白一色で画像を作成し、この項目で表示色を指定するといった使い方もできます。
  • Frame Thickness
    背景画像を「矩形を表示する」と設定した場合の枠の太さ設定を行います。
  • Frame Color when Rectangle is Used
    背景画像を「矩形を表示する」と設定した場合の表示色の設定を行います。
  • Slider Image
    スライダーの画像を指定します。
  • Slider Image Color
    指定した画像に対してここで指定した色を乗算します。白一色で画像を作成し、この項目で表示色を指定するといった使い方もできます。
  • Thumbnail Image
    スライダーのつまみ部分になる画像を指定します。
  • Display Value as Text
    変化する値をテキストによる数字で表示します。
  • Offset X of the Value
    表示する値の横(X)方向のオフセット値を設定します。
  • Offset Y of the Value
    表示する値の縦(Y)方向のオフセット値を設定します。
  • Scale of the Value
    表示する値のスケールを設定します。

• Control
  レイアウトパーツの動作を設定します。
  • Initial Value
    項目の要素の選択用コンテナによって設定されたアクションの初期値を設定します。
  • Upper Value Limit
    スライダーの最大値を設定します。
  • Lower Value Limit
    スライダーの最小値を設定します。
  • Parameters Reflected in the Slider
    特殊書式でパーティーメンバーや敵のHPバー、といったスライダーで表示する値を指定します。
  • Response Range Extension Size X
    カーソルの反応範囲の横(X)の値を実際のスライダー見た目よりも広げます。
  • Response Range Extension Size Y
    カーソルの反応範囲の縦(Y)の値を実際のスライダー見た目よりも広げます。
  • Change Slider Color by Value
    パラメータが指定の値以下になった時に、スライダーの色を変更します。二段階設定することが可能です。
  • Color Change Start Ratio
    指定したパーセンテージ以下になったとき、色が変化開始する値を設定します。
  • Slider Image Color after Change
    変更後のスライダーの色を指定します。
  • Change Slider Color by Value2
    パラメータが指定の値以下になった時に、スライダーの色を変更します。二段階設定することが可能です。
  • Color Change Start Ratio
    指定したパーセンテージ以下になったとき、色が変化開始する値を設定します。
  • Slider Image Color after Change
    変更後のスライダーの色を指定します。

「Panel for Spin Operation」で設定できるプロパティ†

• Basic
  レイアウトパーツの位置など基本的な設定をします。
  • Offset X
    親となるパーツからの横(X)方向のオフセット値を設定します。
  • Offset Y
    親となるパーツからの縦(Y)方向のオフセット値を設定します。
  • Horizontal Size
    レイアウトパーツの表示サイズの横幅を指定します。
  • Vertical Size
    レイアウトパーツの表示サイズの縦幅を指定します。
  • Scale X
    レイアウトパーツの横(X)軸の表示スケールを指定します。
  • Scale Y
    レイアウトパーツの縦(Y)軸の表示スケールを指定します。

• Visible
  レイアウトパーツの画像など表示にまつわる設定をします。
  • Background Image
    スピン操作パネルの背景に置かれる画像を設定します。
  • Left Button Image
    左ボタン用の画像を設定します。
  • Right Button Image
    右ボタン用の画像を設定します。

• Control
  レイアウトパーツの動作を設定します。
  • Spin Text
    表示するテキスト（選択肢）を設定します。文字列を\nで区切ることで、表示順を指定することができます。
    （例：一瞬\n速い\n普通\n遅い）
  • Initial Value
    表示するデフォルト値を設定します。
    （例：一瞬\n速い\n普通\n遅いとテキストに入力されている時、0と入力すると”一瞬”がデフォルト値になります。）
  • Text Offset X
    パネルの原点からのテキストの横(X)の表示オフセット値を設定します。
  • Text Offset Y
    パネルの原点からのテキストの縦(Y)の表示オフセット値を設定します。
  • Text Scale
    文字のスケールを設定します。