Types of Layout Parts and Properties
[
Front page
] [
New
|
Page list
|
Search
|
Recent changes
|
Help
|
Log in
]
Start:
*''Types of Layout Parts and Property Options'' [#cb3cbb33]
#contents
**''Types of Layout Parts'' [#nf83b1b7]
Layouts are created by combining layout parts.
To see how each part is used, you can refer to the defaul...
In particular, the title screen, menu screen, config scre...
#br
***''Containers'' [#fee30112]
Containers are the base parts of the layout that bind the...
A container can have other containers or panels as child ...
|Icon on the Tree|Container Name|Description|h
|#ref(./24_menuSys.png)|Menu Container|This container is ...
|#ref(./24_menuitem.png)|Submenu Container|This container...
|#ref(./24_container.png)|Rendering Container|A container...
***''Panels'' [#m2c13103]
A panel is "an element that will be displayed in the layo...
|Icon on the Tree|Container Name|Description|h
|#ref(./24_text.png)|Text Panel|This panel displays in-ga...
|#ref(./24_image.png)|Sprite Panel|This panel displays th...
|#ref(./24_menuslider.png)|Slider Panel|This panel is use...
|#ref(./24_menuspin.png)|Spin Panel|This panel provides a...
The figure below shows the system layout (default layout)...
#ref(./LayoutTool_Container.png,70%)
#br
- The "Main Menu Window" container is a menu container.
It is the foundation for submenu containers such as items...
It also manages the size of submenu containers, spacing b...
- The "Items" container is a submenu container.
"Skills" and "Equipment" ...... are likewise submenu cont...
Submenu containers are menu selections and can only be pl...
This container manages which menu to move to when this se...
- The "Simplified Status" container is a Container for Re...
The "Cast 1" to "Cast 4" containers, which are also rende...
Container for Rendering can also specify an image to be d...
The face icon and the various values and gauges displayed...
The figure below shows the cast parameter display section...
#ref(./LayoutTool_Pannel.png,70%)
#br
You can see that most of the display objects are made of ...
The "Cast Icon: red frame" is displayed with the special ...
The "HP: green frame" designates just the text "HP".
The "HP value: black frame" is displayed in a special for...
The "HP bar: blue frame" uses a slider panel to display t...
**Menu Container [#v4b6ca35]
The menu container is the foundation of the so-called "me...
The menu window itself is the "menu container" and the se...
***Key Properties [#t8a3d6eb]
The followings are some of the key property options of th...
#ref(./LayoutTool_MenuContainer.png,70%)
#br
-''Mask Image''
By specifying an image for the mask, the container's chil...
Images with alpha can also be used for mask images.
Download the [[Mask Image Sample:https://rpgbakin.com/puk...
#br
It will be easier to understand the effect if the "image"...
In addition, simple mask shapes such as a square and a ci...
- ''&aname(LayoutTool_Effects){Effects};''
This is where you can specify the motion for the menu win...
Motion is specified as created by the [[Sprite Tool]].
Select a sprite set from the "Sprite Set referring to "Mo...
A sprite set called "LayoutAnimation" is assigned as defa...
#br
If you would like to create a new motion, use the [[Sprit...
The "LayoutAnimation" specified by default is located in ...
First, let's copy and paste this data and then modify it ...
#br
Note that "Effects" refers only to the movement of the sp...
However, if "sprite with mask specified" is assigned, the...
- ''Submenu Container Settings''
The size of the "submenu containers" and the spacing betw...
The "Items" under the Main Menu Window in the Layout Part...
#br
Note that the "Offset" in the "Submenu Container" propert...
- ''Menu Container Properties are Long''
The properties of the menu container contain many options.
Move the scrollbar to reveal the cursor and page mark set...
It is easy to miss them, so please keep them in mind.
***Menu Container Properties [#v1373829]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''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 t...
--''Scale Y''
Specify the display scale of the vertical (Y) axis of the...
--''Special Coordinate Specification Tag''
By specifying this tag, this part will be displayed at th...
If this tag is specified, the basic property display posi...
Click the arrow to display the Special Coordinate Specifi...
The dialog shows only the tags that are valid for that sc...
See [[Special Coordinate Specification Tag Insertion Dial...
----
-&size(16){''Visible''};
Specify settings related to the display of layout parts, ...
----
--''Image''
Specify the underlying image (background or window frame)...
--''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 sp...
--''Use Additive Composition''
Normally, color calculation is performed by multiplicatio...
--''Mask Image''
By specifying an image for the mask, the container's chil...
----
-&size(16){''Effects''};
Specify settings related to effects such as the appearanc...
----
--''Sprite Set referring to "Motion"''
Specify the sprite set to be used for the effects of the ...
//Information other than "image" of the specified sprite ...
Information other than "Image" of the assigned sprite set...
"LayoutAnimation" is specified as the default data.
--''Motion During Display''
Specify the motion being displayed.
--''Appearance Motion''
Specify the motion at appearance.
--''Disappearance Motion''
Specify the motion at disappearance.
#br
If any motion is assigned in the Motion field above, clic...
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
- Single Click Decision
When turned on, the menu displayed in this container can ...
--''Hide when Menu is Opened''
Hide this container when the menu is opened.
--''Hide when Child Text is Empty''
If there is no information to display in the text panel w...
(e.g., to display casts and status with special formats.)
--''Include Parent in Clipping''
When calculating the size of the clipping, a rectangle is...
//-''Menu Subpanel Settings''
//Specify entries related to the position and display of ...
//--''Placement Method''
//Specify how the menu sub-panels are arranged. Choose fr...
----
-&size(16){''Submenu Container Settings''};
Specify options related to the position and display of su...
----
--''Placement Method''
Specify how the submenu containers will be positioned. Ch...
--''Number of Elements per Row or Column''
Specify the number of elements per row or column.
When aligned vertically, the cursor moves with the up/dow...
--''Padding X''
It can only be set in the Conversation > "Selection" scre...
You can specify the left and right padding values for the...
--''Padding Y''
It can only be set in the Conversation > "Selection" scre...
You can specify the upper padding value for the submenu c...
--''Offset X''
Specify the position of the submenu container within this...
--''Offset Y''
Specify the position of the submenu container within this...
--''Submenu Container Width''
Specify the width size of the submenu container.
--''Submenu Container Height''
Specify the height size of the submenu container.
--''Submenu Container Margin X''
Specify the horizontal size of the margins around the sub...
--''Submenu Container Margin Y''
Specify the vertical size of the margins around the subme...
--''Standard Placement''
Specify the standard point for placement of the submenu c...
--''Selection Frame Image''
Specify the image to be displayed when the submenu contai...
Although it is labeled "frame," any image other than the ...
--''Selection Frame Color''
Multiply the image in the selection frame by the specifie...
--''Use Additive Composition''
If turned on, the color specified in "Selection Frame Col...
--''Blink Frame Image''
If turned on, the "Selection Frame Image" will blink.
--''Background Image''
Specify a background image for the submenu container.
--''Background Color''
Multiply the background by a specified color. You can als...
--''Use Additive Composition''
If turned on, the color specified in "Background Color" i...
----
-&size(16){''Cursor Settings''};
Specify settings related to the cursor that points to ent...
----
--''Selection Cursor Sprite Set''
Specify the sprite set to be displayed as a cursor.
--''Selection Cursor Displaying Motion''
Specify the motion while the selection cursor is displayed.
--''Selection Cursor Inactive Motion''
Specify the motion when the selection cursor is inactive.
--''Selection Cursor Appearance Motion''
Specify the motion when the selection cursor appears.
--''Selection Cursor Disappearance Motion''
Specify the motion when the selection cursor disappears.
--''Cursor Offset X''
Specify the horizontal distance from the cursor and the o...
--''Cursor Offset Y''
Specify the vertical distance from the cursor and the ori...
--''Whether to Interpolate Cursor Position''
Specify the interpolation method for the movement of the ...
--''Time Required to Interpolate Cursor Position''
Specify the time (in seconds) to interpolate the cursor p...
----
-&size(16){''Page Mark Settings''};
Specify settings related to indicators when menu selectio...
----
--''Display''
Specify whether to display the page mark.
The image used for the page mark can be specified in Game...
--''Hide When Within 1 Page''
When the switch is turned on, the page mark is hidden whe...
--''Offset X''
Specify the distance to shift the page mark in the horizo...
--''Offset Y''
Specify the distance to shift the page mark in the vertic...
--''Page Position Current''
If the display entries span multiple pages, specify an im...
The image specified here takes precedence over the image ...
--''Page Position''
Specify a graphic to indicate that the display entries sp...
The image specified here takes precedence over the image ...
**''Submenu Containers'' [#i850fc6d]
Submenu containers are "menu entries" that can be selecte...
They can only be placed as children of a menu container.
Note that ''&color(red){the size of the container and the...
This container, on the other hand, allows you to specify ...
***Key Properties [#u8755019]
This section describes the key property options of the su...
#ref(./LayoutTool_SubMenuContainer.png,70%)
#br
- ''Action and Layout to be Opened''
The "Action" option specifies what happens when a player ...
Then, "Layout to be Opened" specifies which layout will b...
#br
In the above image, pressing the decision button at "Item...
#br
''&color(red){This is the section to pay special attentio...
#br
For example, you may have created a new layout "NewItemSe...
The problem is most likely caused by not specifying "NewI...
#br
Please take a look at the Action section of the submenu c...
-''Action "Call Common Event"''
There is an action that can call a common event by pressi...
The common event to be specified must be created in advan...
#br
For example, create an event where everyone's HP is recov...
If you have an entry in the menu that specifies the actio...
-''Property Entries Change Depending on the "Action" Spec...
For example, "Common Event" will not be displayed unless ...
Depending on the "Action," entries that do not make sense...
***Submenu Container Properties [#xe5c5518]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Offset X''
Specify the offset value in the horizontal (X) direction ...
The value is added to the value of the menu container's S...
--''Offset Y''
Specify the offset value in the horizontal (Y) direction ...
The value is added to the value of the menu container's S...
--''Display Condition Switch''
Assign an event switch to show/hide this part depending o...
----
-&size(16){''Effects''};
Specify settings related to the effects, such as the appe...
See also the description of the Menu Container [[Effects:...
----
--''Sprite Set referring to "Motion"''
Specify the sprite set to be used for the effect of displ...
//Information other than "Image" of the specified sprite ...
Information other than "Image" of the assigned sprite set...
--''Motion During Display''
Specify the motion being displayed.
--''Appearance Motion''
Specify the motion at appearance.
--''Disappearance Motion''
Specify the motion at disappearance.
--''Decision Motion''
//Specify the motion at the time of decision.
Assign the motion when this submenu container is selected...
#br
If any motion is assigned in the Motion field above, clic...
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
--''Submenu Container to Select When Pressing Up''
--''Submenu Container to Select When Pressing Down''
--''Submenu Container to Select When Pressing Left''
--''Submenu Container to Select When Pressing Right''
You can specify which submenu container the cursor will m...
Note that some submenu containers may be generated that a...
--''Action''
Specify the action to be taken when this entry is selected.
--''Input to Execute Action''
The action is executed when the specified input occurs.
Which key/button is assigned to the input to be set can b...
--''Layout to be Opened''
Specify the layout to be opened when this entry is select...
--''Hide Parent Container when Layout is Opened''
Specify whether to hide the "Container for Entry Selectio...
--''Common Events''
Specify common events to be executed when selected.
It is necessary to create a common event to be executed f...
--''Hide Parent Container when Layout is Opened''
Specify whether to hide the menu container to which it be...
--''Display Selection Frame Image''
When this container is selected, specify whether the sele...
--''Display Cursor''
Specify whether the selection cursor specified in "Submen...
--''Disable Auto Assignment Container Management Number''
Container Management Numbers for submenu containers are u...
However, if this option is turned on, the number can be r...
#br
This function is used, for example, when specifying selec...
Please refer to the "Dungeon RPG Sample" project in the T...
#br
The left side of the figure below shows the state when Co...
The right side of the figure below shows a case in which ...
#ref(./Container_MG_No.png,80%)
#br
**''Rendering Containers'' [#nfde92d2]
The rendering container is an easy-to-use container for o...
It can also be used to simply display still images.
***Key Properties [#z966285a]
This section describes the key property options of the re...
#ref(./LayoutTool_RenderingContainer.png,70%)
#br
- ''Special Coordinate Specification Tags''
"Tags" are for parts that can be positioned by events suc...
For example, tags such as "TopLeft" and "Center" specifie...
It is also used on the "Conversation" screen and the "Bat...
In the Special Coordinates Specification Tag Insertion Di...
- ''Image''
By simply specifying a still image in the "Image" of the ...
-''Mask Image''
By specifying an image for the mask, the container's chil...
Images with alpha can also be used for mask images.
Download the [[Mask Image Sample:https://rpgbakin.com/puk...
#br
It will be easier to understand the effect if the "image"...
- ''Container Management Number''
This number affects the "special formats" used in the tex...
The "-1" is equivalent to "no number".
***Rendering Container Properties [#ib8f896a]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''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 t...
--''Scale Y''
Specify the display scale of the vertical (Y) axis of the...
--''Special Coordinate Specification Tag''
By specifying this tag, this part will be displayed at th...
If this tag is specified, then Properties>Basic>Display P...
Click the arrow to display a dialog box for selecting a s...
--''Display Condition Switch''
Assign an event switch to show/hide this part depending o...
----
-&size(16){''Visible''};
Specify settings related to the display of layout parts, ...
----
--''Image''
Specify the underlying image (background or window frame)...
--''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 sp...
--''Use Additive Composition''
Normally, color calculation is performed by multiplicatio...
--''Mask Image''
By specifying an image for the mask, the container's chil...
----
-&size(16){''Effects''};
Specify settings related to the effect of layout parts, s...
See also the description of the Menu Container [[Effects:...
----
--''Sprite Set referring to "Motion"''
Specify the sprite set to be used for the effect of displ...
//Information other than "Image" of the specified sprite ...
Information other than "Image" of the assigned sprite set...
--''Motion During Display''
Specify the motion being displayed.
--''Appearance Motion''
Specify the motion at appearance.
--''Disappearance Motion''
Specify the motion at disappearance.
#br
If any motion is assigned in the Motion field above, clic...
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
--''Container Management Number''
Specify the container number to be used for special forma...
For special formats related to party members, "0" indicat...
--''Hide when Menu is Opened''
Hide this container when the menu is opened.
--''Hide when Child Text is Empty''
If there is no information to display in the text panel w...
(e.g., to display casts and status with special formats.
--''Include Parent in Clipping''
When calculating the size of the clipping, a rectangle is...
----
-&size(16){''Special''};
----
--''Auto Size Adjustment''
You can specify whether this container should automatical...
It can be used on the "Input String" and "General Message...
**''Text Panels'' [#x7cf59b9]
This panel displays in-game parameters specified by text ...
The name is a string, but depending on the special format...
This is a very widely used panel.
***Key Properties [#tb99b367]
This section describes the key property options of the te...
#ref(./LayoutTool_TextPannel.png,70%)
#br
- ''Specify What to Display in the Panel''
Specify what to display in this text panel.
Clicking on the entry field opens a dialog box and displa...
Multiple lines can also be entered.
Special formats in the list can be used to display values...
The description section of the format describes what can ...
***Special Formats [#a5c6afba]
Special formats allow you to display values, images, and ...
For example, the HP value of a cast, the name of an item ...
Some special formats specify one or two parameters.
The following is an example of a description with two par...
''&size(16){\partystatus[0][0]};''
Special formats can also be used in combination with text.
In the example below, "\Partystatus[]" is a special forma...
''&size(16){\partystatus[2] / \partystatus[1]};''
-Container Management Number
Some special formats have values that vary depending on t...
For example, the following special format for displaying ...
''&size(16){\partyimageicon};''
For example, let's say you want to create a layout that d...
First, a rendering container is placed, and then various ...
Simply copy that container for the number of people in th...
***Example of Special Forms [#i4751deb]
''&size(16){\partystatus[x]};''
This is a special format meaning "Status X of Party Membe...
-Party Member according to Container Management Number
It means the member whose number is specified by the Cont...
The first member of the party is "0," the next member is ...
In other words, if "Container Management Number" contains...
#br
(Caution)
When Container B is placed as a child of Container A and ...
- Status X
It means that the parameter [x] specifies which status of...
When you try to put this special format in the dialog, a ...
//#ref(./レイアウトツール_特殊書式_2.png,70%)
#ref(./LayoutTool_SpecialFormat_2.png,70%)
#br
''&size(16){\partystatus [x][y]};''
This is a special format meaning "status Y of party membe...
The difference from the previous example is that there ar...
- Party Member according to Container Management Number
In this case, you can display something of the party memb...
- Status Y
Same as the previous example. In [Y], put the number you ...
//#ref(./レイアウトツール_特殊書式.png,70%)
#ref(./LayoutTool_SpecialFormat.png,70%)
#br
''&size(16){\partyimage};''
Image of Party Member according to Container Management N...
- Image
The special format described as "Image" displays an icon ...
Basically, it displays the images specified in the "Datab...
If the image has been replaced by an in-game event, the r...
#br
''&size(16){\currentitemstatus};''
Status of Selected Item in Possession
- Selected
When the word "Selected" is used in the description, data...
***Text Panel Properties [#sbd1e19f]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Display Position X / Offset X''
Specify the X coordinate of the layout part.
If it is a child of a container, specify the horizontal (...
--''Display Position Y / Offset Y''
Specify the Y coordinate of the layout part.
If it is a child of a container, specify the vertical (Y)...
--''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.
----
-&size(16){''Visible''};
Specify settings related to the visualization of layout p...
----
--''Specify What to Display in the Panel''
Fill in the text to be displayed or special formats.
Clicking on it opens the Insert Special Format Support di...
---Regular text and special formats can be mixed.
e.g.: Lv.\partystatus[0] (Lv. is normal text and \partyst...
---Multiple lines can be entered by starting a new line.
--''Text Scale''
Specify the scale value of what is being displayed.
To accommodate changes in game resolution, font sizes are...
--''Color''
Specify the text display color.
For images, the specified color is multiplied by the colo...
--''Inactive Color''
Specify the display color for the disabled text state.
--''Status Up Color''
Specify the display color for the text status up state.
--''Status Down Color''
Specify the display color for the text status down state.
--''Outlines''
Outline the text.
--''Shadow''
Shadow the text.
--''Italic''
Italicize the text.
--''Bold''
Bold the text.
--''Auto Line Break''
If the number of letters does not fit in the horizontal s...
--''Clipping with Parent Container''
If it is specified outside of the parent container, it wi...
----
-&size(16){''Control''};
----
--''Auto Line Break''
If the text to be displayed does not fit into the horizon...
--''Clipping with Parent Container''
If the text or image to be displayed is specified to be d...
----
-&size(16){''Special''};
----
--''Container Management Number''
Display the Container Management Number applied to this p...
The value will be the same as the Container Management Nu...
**''Sprite Panels"'' [#d680e6cb]
This panel can display "sprites" created by the [[Sprite ...
Images specified by sprites can also be displayed.
It is mainly used to display graphical elements with anim...
//#ref(./レイアウトツール_Sprite.png,70%)
#ref(./LayoutTool_SpritePannel_base.png,70%)
#br
***Sprite Panel Properties [#qbe9bc76]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Display Position X / Offset X''
Specify the X coordinate of the layout part.
If it is a child of a container, specify the horizontal (...
--''Display Position Y / Offset Y''
Specify the Y coordinate of the layout part.
If it is a child of a container, specify the vertical (Y)...
----
-&size(16){''Visible''};
Specify settings related to the visualization of layout p...
----
--''Sprite Set''
Specify the sprite set to be displayed. The image specifi...
--''Motion During Display''
Specify the motion being displayed.
--''Appearance Motion''
Specify the motion at appearance.
--''Disappearance Motion''
Specify the motion at disappearance.
#br
If any motion is assigned in the Motion field above, clic...
--''Color''
Multiply the image of the specified sprite set by the col...
**''Slider Panels'' [#eeb170d7]
This panel displays gauges that expand and contract accor...
You can also create a slider that changes "value" as the ...
The volume setting for BGM/SE on the configuration screen...
For an example of how to use the slider panel, please ref...
***Key Properties [#n506bc1b]
This section describes the key property options of the sl...
#ref(./LayoutTool_SliderPanel.png,70%)
#br
- ''Visible''
The slider display consists of "orientation to stretch", ...
Each image may not be assigned.
//The slider display consists of "background," "slider," ...
//Each image can be unspecified.
//#ref(./レイアウトツール_スライダー説明.png,70%)
#ref(./LayoutTool_Slider_Sample.png,70%)
#br
- ''Parameters Reflected in the Slider''
Specify which parameters are to be displayed with the sli...
- ''Response Range Extension Size''
When using a slider with a thumb, the response range of t...
Some properties, such as "Initial Value," are only effect...
- ''Change Slider Color by Value''
This function can be used, for example, to set the bar to...
***Slider Panel Properties [#k2401ba4]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Display Position X / Offset X''
Specify the X coordinate of the layout part.
If it is a child of a container, specify the horizontal (...
--''Display Position Y / Offset Y''
Specify the Y coordinate of the layout part.
If it is a child of a container, specify the vertical (Y)...
--''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.
--''Scale X''
Specify the display scale of the horizontal (X) axis of t...
--''Scale Y''
Specify the display scale of the vertical (Y) axis of the...
----
-&size(16){''Visible''};
Specify settings related to the visualization of layout p...
----
--''Slider Orientation''
Specify the orientation in which the slider will extend a...
--''Background Image''
Specify an image to be placed in the background of the sl...
--''Background Image Color''
Multiply the specified image by the color specified here....
--''Frame Thickness''
Specify the thickness of the frame when the background im...
--''Frame Color when Rectangle is Used''
Specify the display color when the background image is sp...
--''Slider Image''
Specify the slider image.
--''Slider Image Color''
Multiply the specified image by the color specified here....
--''Thumb Image''
Specify the image that will be the slider's knob.
--''Display Value as Text''
The value that changes as a result of the user's manipula...
--''Slider Text Color''
Specify the color of the "value" text to be displayed.
--''Offset X of the Value''
Specify the offset value in the horizontal (X) direction ...
The origin is the center of the slider.
--''Offset Y of the Value''
Specify the vertical (Y) offset value of the "value" to b...
The origin is the center of the slider.
--''Scale of the Value''
Specify the scale of the value to be displayed.
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
--''Initial Value''
Specify the initial value of the action set by the submen...
Gauges that vary according to parameters such as HP value...
--''Upper Value Limit''
Specify the maximum value of the slider.
Gauges that vary according to parameters such as HP value...
--''Lower Value Limit''
Specify the minimum value for the slider.
Gauges that vary according to parameters such as HP value...
--''Parameters Reflected in the Slider''
Specify a value to be displayed by the slider, such as th...
Clicking on the arrow displays a dialog box with special ...
--''Response Range Extension Size X''
Widen the horizontal (X) value of the cursor's response r...
Gauges that vary according to parameters such as HP value...
--''Response Range Extension Size Y''
Widen the vertical (Y) value of the cursor's response ran...
Gauges that vary according to parameters such as HP value...
--''Change Slider Color by Value''
Changes the color of the slider when the parameter falls ...
--''Color Change Start Rate''
Specify the percentage of the maximum value of the parame...
--''Slider Image Color after Change''
Specify the color of the slider after the change.
--''Change Slider Color by Value 2''
Change the color of the slider when the parameter falls b...
--''Color Change Start Rate''
Specify the percentage of the maximum value of the parame...
--''Slider Image Color after Change''
Specify the color of the slider after the change.
**Spin Panels [#pe6c5ef9]
This panel provides a mechanism for selecting text entrie...
''&color(red){Currently, it is only effective in the "Con...
***Key Properties [#x258def4]
The following is a description of the key property option...
//#ref(./レイアウトツール_スピンパネル.png,70%)
#ref(./LayoutTool_SpinPannel.png,70%)
#br
- ''Spin Text / Initial Value''
Specify the text that will be displayed when entering lef...
(For text, insert \n for separating words.)
#br
In the example shown above, there are four selections: " ...
The "Initial Value" section is set to "1".
"Instant" corresponds to "0," "Fast" corresponds to "1," ...
***Spin Panel Properties [#vf1f64ab]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Display Position X / Offset X''
Specify the X coordinate of the layout part.
If it is a child of a container, specify the horizontal (...
--''Display Position Y / Offset Y''
Specify the Y coordinate of the layout part.
If it is a child of a container, specify the vertical (Y)...
--''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.
--''Scale X''
Specify the display scale of the horizontal (X) axis of t...
--''Scale Y''
Specify the display scale of the vertical (Y) axis of the...
----
-&size(16){''Visible''};
Specify settings related to the visualization of layout p...
----
--''Background Image''
Specify an image to be placed in the background of the sp...
--''Left Button Image''
Specify an image for the left button.
--''Right Button Image''
Specify an image for the right button.
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
--''Spin Text''
Specify the text (selections) to be displayed. You can sp...
(e.g.: Instant\nFast\nNormal\nSlow）
--''Spin Text Color''
Specify the color of the text to be displayed in the panel.
--''Initial Value''
Specify the default value to be displayed.
(e.g.: When the text "Instant\nFast\nNormal\nSlow" is ent...
--''Text Offset X''
Specify the horizontal (X) display offset value of the te...
The origin is the center of the panel.
--''Text Offset Y''
Specify the vertical (Y) display offset value of the text...
The origin is the center of the panel.
--''Text Scale''
Specify the scale of the text.
End:
*''Types of Layout Parts and Property Options'' [#cb3cbb33]
#contents
**''Types of Layout Parts'' [#nf83b1b7]
Layouts are created by combining layout parts.
To see how each part is used, you can refer to the defaul...
In particular, the title screen, menu screen, config scre...
#br
***''Containers'' [#fee30112]
Containers are the base parts of the layout that bind the...
A container can have other containers or panels as child ...
|Icon on the Tree|Container Name|Description|h
|#ref(./24_menuSys.png)|Menu Container|This container is ...
|#ref(./24_menuitem.png)|Submenu Container|This container...
|#ref(./24_container.png)|Rendering Container|A container...
***''Panels'' [#m2c13103]
A panel is "an element that will be displayed in the layo...
|Icon on the Tree|Container Name|Description|h
|#ref(./24_text.png)|Text Panel|This panel displays in-ga...
|#ref(./24_image.png)|Sprite Panel|This panel displays th...
|#ref(./24_menuslider.png)|Slider Panel|This panel is use...
|#ref(./24_menuspin.png)|Spin Panel|This panel provides a...
The figure below shows the system layout (default layout)...
#ref(./LayoutTool_Container.png,70%)
#br
- The "Main Menu Window" container is a menu container.
It is the foundation for submenu containers such as items...
It also manages the size of submenu containers, spacing b...
- The "Items" container is a submenu container.
"Skills" and "Equipment" ...... are likewise submenu cont...
Submenu containers are menu selections and can only be pl...
This container manages which menu to move to when this se...
- The "Simplified Status" container is a Container for Re...
The "Cast 1" to "Cast 4" containers, which are also rende...
Container for Rendering can also specify an image to be d...
The face icon and the various values and gauges displayed...
The figure below shows the cast parameter display section...
#ref(./LayoutTool_Pannel.png,70%)
#br
You can see that most of the display objects are made of ...
The "Cast Icon: red frame" is displayed with the special ...
The "HP: green frame" designates just the text "HP".
The "HP value: black frame" is displayed in a special for...
The "HP bar: blue frame" uses a slider panel to display t...
**Menu Container [#v4b6ca35]
The menu container is the foundation of the so-called "me...
The menu window itself is the "menu container" and the se...
***Key Properties [#t8a3d6eb]
The followings are some of the key property options of th...
#ref(./LayoutTool_MenuContainer.png,70%)
#br
-''Mask Image''
By specifying an image for the mask, the container's chil...
Images with alpha can also be used for mask images.
Download the [[Mask Image Sample:https://rpgbakin.com/puk...
#br
It will be easier to understand the effect if the "image"...
In addition, simple mask shapes such as a square and a ci...
- ''&aname(LayoutTool_Effects){Effects};''
This is where you can specify the motion for the menu win...
Motion is specified as created by the [[Sprite Tool]].
Select a sprite set from the "Sprite Set referring to "Mo...
A sprite set called "LayoutAnimation" is assigned as defa...
#br
If you would like to create a new motion, use the [[Sprit...
The "LayoutAnimation" specified by default is located in ...
First, let's copy and paste this data and then modify it ...
#br
Note that "Effects" refers only to the movement of the sp...
However, if "sprite with mask specified" is assigned, the...
- ''Submenu Container Settings''
The size of the "submenu containers" and the spacing betw...
The "Items" under the Main Menu Window in the Layout Part...
#br
Note that the "Offset" in the "Submenu Container" propert...
- ''Menu Container Properties are Long''
The properties of the menu container contain many options.
Move the scrollbar to reveal the cursor and page mark set...
It is easy to miss them, so please keep them in mind.
***Menu Container Properties [#v1373829]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''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 t...
--''Scale Y''
Specify the display scale of the vertical (Y) axis of the...
--''Special Coordinate Specification Tag''
By specifying this tag, this part will be displayed at th...
If this tag is specified, the basic property display posi...
Click the arrow to display the Special Coordinate Specifi...
The dialog shows only the tags that are valid for that sc...
See [[Special Coordinate Specification Tag Insertion Dial...
----
-&size(16){''Visible''};
Specify settings related to the display of layout parts, ...
----
--''Image''
Specify the underlying image (background or window frame)...
--''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 sp...
--''Use Additive Composition''
Normally, color calculation is performed by multiplicatio...
--''Mask Image''
By specifying an image for the mask, the container's chil...
----
-&size(16){''Effects''};
Specify settings related to effects such as the appearanc...
----
--''Sprite Set referring to "Motion"''
Specify the sprite set to be used for the effects of the ...
//Information other than "image" of the specified sprite ...
Information other than "Image" of the assigned sprite set...
"LayoutAnimation" is specified as the default data.
--''Motion During Display''
Specify the motion being displayed.
--''Appearance Motion''
Specify the motion at appearance.
--''Disappearance Motion''
Specify the motion at disappearance.
#br
If any motion is assigned in the Motion field above, clic...
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
- Single Click Decision
When turned on, the menu displayed in this container can ...
--''Hide when Menu is Opened''
Hide this container when the menu is opened.
--''Hide when Child Text is Empty''
If there is no information to display in the text panel w...
(e.g., to display casts and status with special formats.)
--''Include Parent in Clipping''
When calculating the size of the clipping, a rectangle is...
//-''Menu Subpanel Settings''
//Specify entries related to the position and display of ...
//--''Placement Method''
//Specify how the menu sub-panels are arranged. Choose fr...
----
-&size(16){''Submenu Container Settings''};
Specify options related to the position and display of su...
----
--''Placement Method''
Specify how the submenu containers will be positioned. Ch...
--''Number of Elements per Row or Column''
Specify the number of elements per row or column.
When aligned vertically, the cursor moves with the up/dow...
--''Padding X''
It can only be set in the Conversation > "Selection" scre...
You can specify the left and right padding values for the...
--''Padding Y''
It can only be set in the Conversation > "Selection" scre...
You can specify the upper padding value for the submenu c...
--''Offset X''
Specify the position of the submenu container within this...
--''Offset Y''
Specify the position of the submenu container within this...
--''Submenu Container Width''
Specify the width size of the submenu container.
--''Submenu Container Height''
Specify the height size of the submenu container.
--''Submenu Container Margin X''
Specify the horizontal size of the margins around the sub...
--''Submenu Container Margin Y''
Specify the vertical size of the margins around the subme...
--''Standard Placement''
Specify the standard point for placement of the submenu c...
--''Selection Frame Image''
Specify the image to be displayed when the submenu contai...
Although it is labeled "frame," any image other than the ...
--''Selection Frame Color''
Multiply the image in the selection frame by the specifie...
--''Use Additive Composition''
If turned on, the color specified in "Selection Frame Col...
--''Blink Frame Image''
If turned on, the "Selection Frame Image" will blink.
--''Background Image''
Specify a background image for the submenu container.
--''Background Color''
Multiply the background by a specified color. You can als...
--''Use Additive Composition''
If turned on, the color specified in "Background Color" i...
----
-&size(16){''Cursor Settings''};
Specify settings related to the cursor that points to ent...
----
--''Selection Cursor Sprite Set''
Specify the sprite set to be displayed as a cursor.
--''Selection Cursor Displaying Motion''
Specify the motion while the selection cursor is displayed.
--''Selection Cursor Inactive Motion''
Specify the motion when the selection cursor is inactive.
--''Selection Cursor Appearance Motion''
Specify the motion when the selection cursor appears.
--''Selection Cursor Disappearance Motion''
Specify the motion when the selection cursor disappears.
--''Cursor Offset X''
Specify the horizontal distance from the cursor and the o...
--''Cursor Offset Y''
Specify the vertical distance from the cursor and the ori...
--''Whether to Interpolate Cursor Position''
Specify the interpolation method for the movement of the ...
--''Time Required to Interpolate Cursor Position''
Specify the time (in seconds) to interpolate the cursor p...
----
-&size(16){''Page Mark Settings''};
Specify settings related to indicators when menu selectio...
----
--''Display''
Specify whether to display the page mark.
The image used for the page mark can be specified in Game...
--''Hide When Within 1 Page''
When the switch is turned on, the page mark is hidden whe...
--''Offset X''
Specify the distance to shift the page mark in the horizo...
--''Offset Y''
Specify the distance to shift the page mark in the vertic...
--''Page Position Current''
If the display entries span multiple pages, specify an im...
The image specified here takes precedence over the image ...
--''Page Position''
Specify a graphic to indicate that the display entries sp...
The image specified here takes precedence over the image ...
**''Submenu Containers'' [#i850fc6d]
Submenu containers are "menu entries" that can be selecte...
They can only be placed as children of a menu container.
Note that ''&color(red){the size of the container and the...
This container, on the other hand, allows you to specify ...
***Key Properties [#u8755019]
This section describes the key property options of the su...
#ref(./LayoutTool_SubMenuContainer.png,70%)
#br
- ''Action and Layout to be Opened''
The "Action" option specifies what happens when a player ...
Then, "Layout to be Opened" specifies which layout will b...
#br
In the above image, pressing the decision button at "Item...
#br
''&color(red){This is the section to pay special attentio...
#br
For example, you may have created a new layout "NewItemSe...
The problem is most likely caused by not specifying "NewI...
#br
Please take a look at the Action section of the submenu c...
-''Action "Call Common Event"''
There is an action that can call a common event by pressi...
The common event to be specified must be created in advan...
#br
For example, create an event where everyone's HP is recov...
If you have an entry in the menu that specifies the actio...
-''Property Entries Change Depending on the "Action" Spec...
For example, "Common Event" will not be displayed unless ...
Depending on the "Action," entries that do not make sense...
***Submenu Container Properties [#xe5c5518]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Offset X''
Specify the offset value in the horizontal (X) direction ...
The value is added to the value of the menu container's S...
--''Offset Y''
Specify the offset value in the horizontal (Y) direction ...
The value is added to the value of the menu container's S...
--''Display Condition Switch''
Assign an event switch to show/hide this part depending o...
----
-&size(16){''Effects''};
Specify settings related to the effects, such as the appe...
See also the description of the Menu Container [[Effects:...
----
--''Sprite Set referring to "Motion"''
Specify the sprite set to be used for the effect of displ...
//Information other than "Image" of the specified sprite ...
Information other than "Image" of the assigned sprite set...
--''Motion During Display''
Specify the motion being displayed.
--''Appearance Motion''
Specify the motion at appearance.
--''Disappearance Motion''
Specify the motion at disappearance.
--''Decision Motion''
//Specify the motion at the time of decision.
Assign the motion when this submenu container is selected...
#br
If any motion is assigned in the Motion field above, clic...
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
--''Submenu Container to Select When Pressing Up''
--''Submenu Container to Select When Pressing Down''
--''Submenu Container to Select When Pressing Left''
--''Submenu Container to Select When Pressing Right''
You can specify which submenu container the cursor will m...
Note that some submenu containers may be generated that a...
--''Action''
Specify the action to be taken when this entry is selected.
--''Input to Execute Action''
The action is executed when the specified input occurs.
Which key/button is assigned to the input to be set can b...
--''Layout to be Opened''
Specify the layout to be opened when this entry is select...
--''Hide Parent Container when Layout is Opened''
Specify whether to hide the "Container for Entry Selectio...
--''Common Events''
Specify common events to be executed when selected.
It is necessary to create a common event to be executed f...
--''Hide Parent Container when Layout is Opened''
Specify whether to hide the menu container to which it be...
--''Display Selection Frame Image''
When this container is selected, specify whether the sele...
--''Display Cursor''
Specify whether the selection cursor specified in "Submen...
--''Disable Auto Assignment Container Management Number''
Container Management Numbers for submenu containers are u...
However, if this option is turned on, the number can be r...
#br
This function is used, for example, when specifying selec...
Please refer to the "Dungeon RPG Sample" project in the T...
#br
The left side of the figure below shows the state when Co...
The right side of the figure below shows a case in which ...
#ref(./Container_MG_No.png,80%)
#br
**''Rendering Containers'' [#nfde92d2]
The rendering container is an easy-to-use container for o...
It can also be used to simply display still images.
***Key Properties [#z966285a]
This section describes the key property options of the re...
#ref(./LayoutTool_RenderingContainer.png,70%)
#br
- ''Special Coordinate Specification Tags''
"Tags" are for parts that can be positioned by events suc...
For example, tags such as "TopLeft" and "Center" specifie...
It is also used on the "Conversation" screen and the "Bat...
In the Special Coordinates Specification Tag Insertion Di...
- ''Image''
By simply specifying a still image in the "Image" of the ...
-''Mask Image''
By specifying an image for the mask, the container's chil...
Images with alpha can also be used for mask images.
Download the [[Mask Image Sample:https://rpgbakin.com/puk...
#br
It will be easier to understand the effect if the "image"...
- ''Container Management Number''
This number affects the "special formats" used in the tex...
The "-1" is equivalent to "no number".
***Rendering Container Properties [#ib8f896a]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''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 t...
--''Scale Y''
Specify the display scale of the vertical (Y) axis of the...
--''Special Coordinate Specification Tag''
By specifying this tag, this part will be displayed at th...
If this tag is specified, then Properties>Basic>Display P...
Click the arrow to display a dialog box for selecting a s...
--''Display Condition Switch''
Assign an event switch to show/hide this part depending o...
----
-&size(16){''Visible''};
Specify settings related to the display of layout parts, ...
----
--''Image''
Specify the underlying image (background or window frame)...
--''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 sp...
--''Use Additive Composition''
Normally, color calculation is performed by multiplicatio...
--''Mask Image''
By specifying an image for the mask, the container's chil...
----
-&size(16){''Effects''};
Specify settings related to the effect of layout parts, s...
See also the description of the Menu Container [[Effects:...
----
--''Sprite Set referring to "Motion"''
Specify the sprite set to be used for the effect of displ...
//Information other than "Image" of the specified sprite ...
Information other than "Image" of the assigned sprite set...
--''Motion During Display''
Specify the motion being displayed.
--''Appearance Motion''
Specify the motion at appearance.
--''Disappearance Motion''
Specify the motion at disappearance.
#br
If any motion is assigned in the Motion field above, clic...
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
--''Container Management Number''
Specify the container number to be used for special forma...
For special formats related to party members, "0" indicat...
--''Hide when Menu is Opened''
Hide this container when the menu is opened.
--''Hide when Child Text is Empty''
If there is no information to display in the text panel w...
(e.g., to display casts and status with special formats.
--''Include Parent in Clipping''
When calculating the size of the clipping, a rectangle is...
----
-&size(16){''Special''};
----
--''Auto Size Adjustment''
You can specify whether this container should automatical...
It can be used on the "Input String" and "General Message...
**''Text Panels'' [#x7cf59b9]
This panel displays in-game parameters specified by text ...
The name is a string, but depending on the special format...
This is a very widely used panel.
***Key Properties [#tb99b367]
This section describes the key property options of the te...
#ref(./LayoutTool_TextPannel.png,70%)
#br
- ''Specify What to Display in the Panel''
Specify what to display in this text panel.
Clicking on the entry field opens a dialog box and displa...
Multiple lines can also be entered.
Special formats in the list can be used to display values...
The description section of the format describes what can ...
***Special Formats [#a5c6afba]
Special formats allow you to display values, images, and ...
For example, the HP value of a cast, the name of an item ...
Some special formats specify one or two parameters.
The following is an example of a description with two par...
''&size(16){\partystatus[0][0]};''
Special formats can also be used in combination with text.
In the example below, "\Partystatus[]" is a special forma...
''&size(16){\partystatus[2] / \partystatus[1]};''
-Container Management Number
Some special formats have values that vary depending on t...
For example, the following special format for displaying ...
''&size(16){\partyimageicon};''
For example, let's say you want to create a layout that d...
First, a rendering container is placed, and then various ...
Simply copy that container for the number of people in th...
***Example of Special Forms [#i4751deb]
''&size(16){\partystatus[x]};''
This is a special format meaning "Status X of Party Membe...
-Party Member according to Container Management Number
It means the member whose number is specified by the Cont...
The first member of the party is "0," the next member is ...
In other words, if "Container Management Number" contains...
#br
(Caution)
When Container B is placed as a child of Container A and ...
- Status X
It means that the parameter [x] specifies which status of...
When you try to put this special format in the dialog, a ...
//#ref(./レイアウトツール_特殊書式_2.png,70%)
#ref(./LayoutTool_SpecialFormat_2.png,70%)
#br
''&size(16){\partystatus [x][y]};''
This is a special format meaning "status Y of party membe...
The difference from the previous example is that there ar...
- Party Member according to Container Management Number
In this case, you can display something of the party memb...
- Status Y
Same as the previous example. In [Y], put the number you ...
//#ref(./レイアウトツール_特殊書式.png,70%)
#ref(./LayoutTool_SpecialFormat.png,70%)
#br
''&size(16){\partyimage};''
Image of Party Member according to Container Management N...
- Image
The special format described as "Image" displays an icon ...
Basically, it displays the images specified in the "Datab...
If the image has been replaced by an in-game event, the r...
#br
''&size(16){\currentitemstatus};''
Status of Selected Item in Possession
- Selected
When the word "Selected" is used in the description, data...
***Text Panel Properties [#sbd1e19f]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Display Position X / Offset X''
Specify the X coordinate of the layout part.
If it is a child of a container, specify the horizontal (...
--''Display Position Y / Offset Y''
Specify the Y coordinate of the layout part.
If it is a child of a container, specify the vertical (Y)...
--''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.
----
-&size(16){''Visible''};
Specify settings related to the visualization of layout p...
----
--''Specify What to Display in the Panel''
Fill in the text to be displayed or special formats.
Clicking on it opens the Insert Special Format Support di...
---Regular text and special formats can be mixed.
e.g.: Lv.\partystatus[0] (Lv. is normal text and \partyst...
---Multiple lines can be entered by starting a new line.
--''Text Scale''
Specify the scale value of what is being displayed.
To accommodate changes in game resolution, font sizes are...
--''Color''
Specify the text display color.
For images, the specified color is multiplied by the colo...
--''Inactive Color''
Specify the display color for the disabled text state.
--''Status Up Color''
Specify the display color for the text status up state.
--''Status Down Color''
Specify the display color for the text status down state.
--''Outlines''
Outline the text.
--''Shadow''
Shadow the text.
--''Italic''
Italicize the text.
--''Bold''
Bold the text.
--''Auto Line Break''
If the number of letters does not fit in the horizontal s...
--''Clipping with Parent Container''
If it is specified outside of the parent container, it wi...
----
-&size(16){''Control''};
----
--''Auto Line Break''
If the text to be displayed does not fit into the horizon...
--''Clipping with Parent Container''
If the text or image to be displayed is specified to be d...
----
-&size(16){''Special''};
----
--''Container Management Number''
Display the Container Management Number applied to this p...
The value will be the same as the Container Management Nu...
**''Sprite Panels"'' [#d680e6cb]
This panel can display "sprites" created by the [[Sprite ...
Images specified by sprites can also be displayed.
It is mainly used to display graphical elements with anim...
//#ref(./レイアウトツール_Sprite.png,70%)
#ref(./LayoutTool_SpritePannel_base.png,70%)
#br
***Sprite Panel Properties [#qbe9bc76]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Display Position X / Offset X''
Specify the X coordinate of the layout part.
If it is a child of a container, specify the horizontal (...
--''Display Position Y / Offset Y''
Specify the Y coordinate of the layout part.
If it is a child of a container, specify the vertical (Y)...
----
-&size(16){''Visible''};
Specify settings related to the visualization of layout p...
----
--''Sprite Set''
Specify the sprite set to be displayed. The image specifi...
--''Motion During Display''
Specify the motion being displayed.
--''Appearance Motion''
Specify the motion at appearance.
--''Disappearance Motion''
Specify the motion at disappearance.
#br
If any motion is assigned in the Motion field above, clic...
--''Color''
Multiply the image of the specified sprite set by the col...
**''Slider Panels'' [#eeb170d7]
This panel displays gauges that expand and contract accor...
You can also create a slider that changes "value" as the ...
The volume setting for BGM/SE on the configuration screen...
For an example of how to use the slider panel, please ref...
***Key Properties [#n506bc1b]
This section describes the key property options of the sl...
#ref(./LayoutTool_SliderPanel.png,70%)
#br
- ''Visible''
The slider display consists of "orientation to stretch", ...
Each image may not be assigned.
//The slider display consists of "background," "slider," ...
//Each image can be unspecified.
//#ref(./レイアウトツール_スライダー説明.png,70%)
#ref(./LayoutTool_Slider_Sample.png,70%)
#br
- ''Parameters Reflected in the Slider''
Specify which parameters are to be displayed with the sli...
- ''Response Range Extension Size''
When using a slider with a thumb, the response range of t...
Some properties, such as "Initial Value," are only effect...
- ''Change Slider Color by Value''
This function can be used, for example, to set the bar to...
***Slider Panel Properties [#k2401ba4]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Display Position X / Offset X''
Specify the X coordinate of the layout part.
If it is a child of a container, specify the horizontal (...
--''Display Position Y / Offset Y''
Specify the Y coordinate of the layout part.
If it is a child of a container, specify the vertical (Y)...
--''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.
--''Scale X''
Specify the display scale of the horizontal (X) axis of t...
--''Scale Y''
Specify the display scale of the vertical (Y) axis of the...
----
-&size(16){''Visible''};
Specify settings related to the visualization of layout p...
----
--''Slider Orientation''
Specify the orientation in which the slider will extend a...
--''Background Image''
Specify an image to be placed in the background of the sl...
--''Background Image Color''
Multiply the specified image by the color specified here....
--''Frame Thickness''
Specify the thickness of the frame when the background im...
--''Frame Color when Rectangle is Used''
Specify the display color when the background image is sp...
--''Slider Image''
Specify the slider image.
--''Slider Image Color''
Multiply the specified image by the color specified here....
--''Thumb Image''
Specify the image that will be the slider's knob.
--''Display Value as Text''
The value that changes as a result of the user's manipula...
--''Slider Text Color''
Specify the color of the "value" text to be displayed.
--''Offset X of the Value''
Specify the offset value in the horizontal (X) direction ...
The origin is the center of the slider.
--''Offset Y of the Value''
Specify the vertical (Y) offset value of the "value" to b...
The origin is the center of the slider.
--''Scale of the Value''
Specify the scale of the value to be displayed.
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
--''Initial Value''
Specify the initial value of the action set by the submen...
Gauges that vary according to parameters such as HP value...
--''Upper Value Limit''
Specify the maximum value of the slider.
Gauges that vary according to parameters such as HP value...
--''Lower Value Limit''
Specify the minimum value for the slider.
Gauges that vary according to parameters such as HP value...
--''Parameters Reflected in the Slider''
Specify a value to be displayed by the slider, such as th...
Clicking on the arrow displays a dialog box with special ...
--''Response Range Extension Size X''
Widen the horizontal (X) value of the cursor's response r...
Gauges that vary according to parameters such as HP value...
--''Response Range Extension Size Y''
Widen the vertical (Y) value of the cursor's response ran...
Gauges that vary according to parameters such as HP value...
--''Change Slider Color by Value''
Changes the color of the slider when the parameter falls ...
--''Color Change Start Rate''
Specify the percentage of the maximum value of the parame...
--''Slider Image Color after Change''
Specify the color of the slider after the change.
--''Change Slider Color by Value 2''
Change the color of the slider when the parameter falls b...
--''Color Change Start Rate''
Specify the percentage of the maximum value of the parame...
--''Slider Image Color after Change''
Specify the color of the slider after the change.
**Spin Panels [#pe6c5ef9]
This panel provides a mechanism for selecting text entrie...
''&color(red){Currently, it is only effective in the "Con...
***Key Properties [#x258def4]
The following is a description of the key property option...
//#ref(./レイアウトツール_スピンパネル.png,70%)
#ref(./LayoutTool_SpinPannel.png,70%)
#br
- ''Spin Text / Initial Value''
Specify the text that will be displayed when entering lef...
(For text, insert \n for separating words.)
#br
In the example shown above, there are four selections: " ...
The "Initial Value" section is set to "1".
"Instant" corresponds to "0," "Fast" corresponds to "1," ...
***Spin Panel Properties [#vf1f64ab]
----
-&size(16){''Basic''};
Specify basic settings such as the position of layout par...
----
--''Display Position X / Offset X''
Specify the X coordinate of the layout part.
If it is a child of a container, specify the horizontal (...
--''Display Position Y / Offset Y''
Specify the Y coordinate of the layout part.
If it is a child of a container, specify the vertical (Y)...
--''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.
--''Scale X''
Specify the display scale of the horizontal (X) axis of t...
--''Scale Y''
Specify the display scale of the vertical (Y) axis of the...
----
-&size(16){''Visible''};
Specify settings related to the visualization of layout p...
----
--''Background Image''
Specify an image to be placed in the background of the sp...
--''Left Button Image''
Specify an image for the left button.
--''Right Button Image''
Specify an image for the right button.
----
-&size(16){''Control''};
Specify the behavior of the layout parts.
----
--''Spin Text''
Specify the text (selections) to be displayed. You can sp...
(e.g.: Instant\nFast\nNormal\nSlow）
--''Spin Text Color''
Specify the color of the text to be displayed in the panel.
--''Initial Value''
Specify the default value to be displayed.
(e.g.: When the text "Instant\nFast\nNormal\nSlow" is ent...
--''Text Offset X''
Specify the horizontal (X) display offset value of the te...
The origin is the center of the panel.
--''Text Offset Y''
Specify the vertical (Y) display offset value of the text...
The origin is the center of the panel.
--''Text Scale''
Specify the scale of the text.
Page:
![[PukiWiki]](./skin/BAKIN_logo_92.png "[PukiWiki]"){kind=logo}
