History diff of Layout Tool vs current(No. 6)

• History
• View the diff.
• View the source.
• View the history.
• Go to Layout Tool.
  • 1 (2022-09-28 (Wed) 18:34:26)
  • 2 (2022-09-28 (Wed) 18:35:04)
  • 3 (2022-10-11 (Tue) 15:56:37)
  • 4 (2022-10-11 (Tue) 15:57:57)
  • 5 (2022-10-12 (Wed) 12:15:04)
  • 6 (2022-11-06 (Sun) 17:17:17)
  • 7 (2022-12-28 (Wed) 15:58:33)
  • 8 (2023-02-07 (Tue) 10:01:01)
  • 9 (2023-04-11 (Tue) 18:25:32)
  • 10 (2023-04-12 (Wed) 14:02:25)
  • 11 (2023-07-14 (Fri) 15:22:04)

• The added line is THIS COLOR.
• The deleted line is THIS COLOR.

#author("2022-11-06T08:17:17+00:00","default:admin","admin")
#author("2023-07-14T08:04:59+00:00","default:admin","admin")
*''Layout Tool'' [#l26d8dec]

The layout feature allows for the design and effects of various game screens, menus, and scenes.
For example, a game title screen is assigned a layout called "Title," which is made up of several layout parts such as "Background" and "Title Name.
The actual effect and settings are then performed on the layout parts that make up the layout.
The layout tool brings together all of these layout-related elements.
//COLOR(#FF0000):画像入る

#ref(./Layout Tool.png,50%)
#ref(./LayoutTool.png,50%)
#br
#Contents

**''Screen Lists'' [#yd1e5ad8]
**''Screen List'' [#yd1e5ad8]
Here, many game screens are pre-prepared for each function and situation, and they are displayed in seven major categories.
Select the game screen you wish to edit from here.
//COLOR(#FF0000):画像入る
Screens with white background icons are "screens that call other screens" and screens with black backgrounds are "screens called from other screens."
Corresponds to the presence or absence of a check box in the "Layout to be Assigned" column.

#ref(Screen List.png)
#ref(./LayoutTool_ScreenList.png)
#br


**''Layout to be Assigned'' [#ja227753]
The screens in the screen list are pre-assigned a default layout.
Click the layout name twice to rename it.
The default layout cannot be edited. If you want to rework it and use it, please copy and paste the layout and edit it。
//COLOR(#FF0000):画像入る
//The default layout cannot be edited. If you want to rework it and use it, please copy and paste the layout and edit it。
The default layout (layout name in red text) cannot be edited. If you want to rework it and use it, please copy and paste the layout and edit it.

#ref(./Layout tobe Assigned.png)
#ref(./LayoutTool_Layout_to_be_Assigned.png)
#br

-''Add Layout Button''
Add a new layout.

-''Copy Button''
Copy the selected layout.

-''Paste Button''
Paste the copied layout.

-''Delete Button''
Delete the selected layout.
Default layouts cannot be deleted.

-''About Check Boxes''
Screens without a checkbox in the Layout column are screens that are called from other screens.
The layout can be used in the game by specifying it in the "Layout to be Opened" property of the "Container for Elements of Entry Selection" layout that has a check box.


**''Layout Parts'' [#aed65449]
Layout parts are the components that make up layouts. The layout parts that make up the default layout cannot be edited except for renaming.
If you wish to rework and use the default layout parts, please copy and paste the layout parts and edit them.
//COLOR(#FF0000):画像入る
Layout parts are the components that make up layouts.
//If you wish to rework and use the default layout parts, please copy and paste the layout parts and edit them.
Parts of the default layout cannot be edited, but can be copied and then pasted into other layouts.
See [[Types of Layout Parts and Properties]] for more information on layout parts.

#ref(./layout parts .png)
#ref(./LayoutTool_LayoutParts.png)
#br

-''Add Parts Button''
The Add Layout Part dialog opens, allowing you to add a new part.
When selecting a container in the parts list to add a part, click on the container to make it an "open icon" and the part will be added to the container.
''&color(red){Caution};''
Containers and panels that cannot be placed due to specifications will not appear in the Add dialog.
For example, a submenu container that can only be placed as a child of a menu container cannot be added unless the menu container is selected and the container is an "open icon".

-''Add Button''
Add a new layout part.

-''Copy Button''
Copy the selected layout parts.

-''Paste Button''
Paste the copied layout parts.

-''Delete Button''
Delete selected layout parts.
Default layout parts cannot be deleted.

-''Lock Button''
You can lock the operation of entries in the "Basic" column of properties, such as moving or scaling layout parts.
If the parent part is locked, the child parts are also locked.
Click on the locked part on the preview to see the blue frame.

-''Checkbox''
By checking/unchecking the checkbox, you can show/hide the image on the preview screen.
If unchecked, the part will not appear on the preview screen or in-game.

**''Layout Preview'' [#tc013b05]
This preview screen allows you to check the layout status and place parts.
//COLOR(#FF0000):画像入る

#ref(./Layout Preview.png,50%)
#ref(./LayoutTool_LayoutPreview.png,70%)
#br
-''Functions at the Top of the Preview''
--''Change Scale Button''
You can change the magnification rate of the preview. You can also specify the magnification by entering a numerical value.

-''Appearance Playback Button''
If the "Appearance Motion" for the display effect is specified, the motion will play when clicked.
--''Adjust Preview to Screen Size''
Automatically adjusts the preview to the size of the preview window.

-''Disappearance Playback Button''
If "Disappearing Motion" is specified for the display effect, the motion will play when clicked.
--''Appearance Playback Button''
//If the "Appearance Motion" for the display effect is specified, the motion will play when clicked.
If "Appearance Motion" is specified in the "Effects" property of the layout part, the motion will play when clicked.

-''Snap Button''
--''Disappearance Playback Button''
//If "Disappearing Motion" is specified for the display effect, the motion will play when clicked.
If "Disappearance Motion" is specified in the "Effects" property of the layout part, the motion will play when clicked.

--''Snap Button''
When turned on, layout parts are aligned with the grid.

-''Grid Button''
--''Grid Button''
When turned on, grids (gridlines) are displayed on the preview screen to guide the position of images.

-''Capture Button''
A scene from a specified map can be captured from the camera tool and used as a base image.
--''Background Color Setting Button''
You can specify the background color of the preview.

-''Switch Display Button''
You can switch between zoomed-in and zoomed-out views.
--''Capture Button''
//A scene from a specified map can be captured from the camera tool and used as a base image.
You can capture a scene from a specified map from the Camera Tool and use it as a background for preview.
Please use it to get an idea of how the layout will look when it is displayed in a scene in the game.

-''Magnification Button''
You can select the magnification rate for the preview display.
--''Additional Layout Display Button''
You can specify one layout other than the one currently being edited to be displayed on the preview.
A layout that has been additionally displayed cannot be edited.
Please use this to get an idea of how multiple layouts will look when displayed at the same time.

-''Adjustment Buttons''

//--''Switch Display Button''
//You can switch between zoomed-in and zoomed-out views.

//--''Magnification Button''
//You can select the magnification rate for the preview display.

--''Adjustment Buttons''
You can adjust the position of the selected layout parts.

--''Up/Down Adjustment''
---''Up/Down Adjustment''
Left clicking on the icon to moves down, and right clicking on the icon moves up.

--''Left/Right Adjustment''
---''Left/Right Adjustment''
Left clicking on the icon moves to the right, and right clicking on the icon to moves to the left.

--「Width Adjustment」
---''Width Adjustment''
Left clicking on the icon increases its width, and right clicking decreases its width.

--「Height Adjustment」
---''Height Adjustment''
Left clicking on the icon increases its height, and right clicking decreases its height.

-''Placement Button''
--''Placement Button''
When multiple layout parts are selected, they can be justified or aligned in a specified direction.

--''Layout Import Button''
Load the saved layout data .lyrbr file.

--''Layout Export Button''
Save the current layout as a .lyrbr file.
When saving, the .lyrbr file allows you to specify which screen layout to save.
The lyrbr file also contains the resources used by each layout, so you can share this file with others so they can pass on their own layouts.

-''Preview Screen''
The selected layout is previewed.

-''Layout Parts Selection''
The red strip on the preview screen is the layout part selected in the "Layout Parts" tree, and the red frame is the layout part (container) to which the layout part belongs.
Layout parts can also be selected on the preview screen.
--''Preview Screen Operation''
|Operation|Function|Note|h
|Mouse Center Wheel|Preview Scaling||
|Mouse Dragging while Holding down the Center Wheel/Space Key|Screen Scroll||
|Click on a Part|Selection of the part to be operated.|Selected parts are indicated by a red frame, their parents by a yellow frame, and locked parts by a blue frame.|
|Mouse Click at the Point where Multiple Parts Overlap|Each click switches the part to be specified.||
|Select a Range by Mouse Dragging|Select all layout parts contained in the dragged area|Only those parts whose entire perimeter is included in the range will be selected.|
|Click and Mouse Drugging on a Part|Move selected parts|If the part being moved is a child part, it may be clipped if it is moved outside the range of the parent part, depending on the part's property settings.|
|Click and Mouse Drag on the Selected Part's Frame|Resizing parts|Container for Elements of Entry Selection cannot be resized with this operation because its size is defined by the parent container.|
// Drag the Edge of the Part's Frame　Size scaling （これはアップデートで入る予定なので訳しておく）

-''Moving Layout Parts''
Selected layout parts can be moved by dragging them on the preview screen.
However, if the selected layout part is a panel and belongs to a parent container, it will only be visible within the parent container, depending on the specification.

-''Slider Bars''
The display range can be adjusted by dragging the slider bars on the bottom and right sides of the preview screen.

-''Right-Click Menu''
The following menus are available by right-clicking in the preview screen.

--''Capture and Save to File''
The current layout is captured and saved as an image.
The captured image will be displayed as specified by the " Switch Display Button".

--''Capture and Save to Clipboard''
The current layout is captured as an image and save it to the clipboard.
The captured image will be displayed as specified by the " Switch Display Button".

--''Capture and Save as Thumbnail''
The current layout is captured as an image and saved as a thumbnail.
The captured image will be displayed as specified by the " Switch Display Button".
Take the current layout as an image and save it as a thumbnail for this project.

--''Save Layouts to File''
Save the current layout as a file.

--''Load Layouts from File''
Load layout saved as a file.

**''Property Overview'' [#s99ae9c8]
You can specify detailed settings for each layout and each layout part.
//COLOR(#FF0000):画像入る

#ref(./Property Overview1.png)
#br

-''General Layout Settings''
This is a whole layout property that can be specified when a non-default layout is selected in "Layout to be Assigned".

--''BGM''
Specify the background music to be played when the layout is displayed.

--''BGS''
Specify the environmental sound that will be played when the layout is displayed.

--''Logo Display Time [Startup Logo Screen Only]''
You can specify how long the startup logo is displayed.

--''Number of Message Lines [Messages and Conversation Screens Only]''
You can specify the number of lines before the line feed mark appears.

--''Disable Player Operation [Free Layout for Events Screen Only]''
If turned on, operations other than menu operations are prohibited while this layout is displayed.

--''Hide with Cancel Button [Free Layout for Events Screen Only]''
If turned on, this layout will be closed when the Cancel button is pressed during play.

--''Preview Text [General Message Screen and Selection Screen Only]''
This setting is for layout preview.
A preview is displayed with the specified text in it.

--''Number of Lines for Selection [Selection Screen Only]''
This setting is for layout preview.
A preview is displayed in the form of the number of lines (number) of the specified selection.

--''Window Position to be Displayed [Selection Screen Only]''
This setting is for layout preview.
When the number of lines of preview text and selection is specified, the menu container at the specified position is displayed in the preview.
The special coordinate specification tag of the menu container must be specified to indicate the display position.

--''Decide / Cancel / Delete / Type 1 / Type 2 / Type 3 / Type 4 [Input String Screen Only]''
You can specify images to be used for a decision button or other buttons to be placed on the Input String panel.

//--''FOV (perspective) When Using 3D Coordinates''
//Specify the FOV (field of view) value when using 3D coordinates to determine the degree of perspective.

-''Layout Part Properties''
Layout parts are divided into three types of "containers" and four types of "panels," each with different properties that can be specified.
For details, please refer to "Types of Layout Parts and Properties" in this help.

-''Layout Parts Subproperties''
Display a preview of the image of the sprite assigned to the "Panel for Rendering Sprites".
See Types of Layout Parts and Properties in this help for more information.