![[PukiWiki]](./skin/BAKIN_logo_92.png "[PukiWiki]"){kind=logo}
#author("2023-07-14T08:04:59+00:00","default:admin","admin") #author("2024-07-04T17:17:37+09: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. #ref(./LayoutTool.png,50%) #br #Contents **''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. 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(./LayoutTool_ScreenList.png) #br **''Layout to be Assigned'' [#ja227753] The screens in the screen list are pre-assigned a default layout. //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(./LayoutTool_Layout_to_be_Assigned.png) #br -''Add Layout Button'' Add a new layout. -''Folder Button'' Add a folder. -''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. -''Multiple Layout Selection'' If you select multiple layouts and then change the value of a property, the change will be applied to all selected layouts. **''Layout Parts'' [#aed65449] 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(./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". -''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'' If unchecked, the part will not appear on the preview screen or in-game. -''Multiple Layout Selection'' If you select multiple ''"layout parts of the same type"'' and then change the value of a property, the change will be applied to all selected layout parts. **''Layout Preview'' [#tc013b05] This preview screen allows you to check the layout status and place parts. #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. --''Adjust Preview to Screen Size'' Automatically adjusts the preview to the size of the preview window. --''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. --''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'' When turned on, grids (gridlines) are displayed on the preview screen to guide the position of images. --''Background Color Setting Button'' You can specify the background color of the preview. --''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. --''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. //--''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'' Left clicking on the icon to moves down, and right clicking on the icon moves up. ---''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'' Left clicking on the icon increases its width, and right clicking decreases its width. ---''Height Adjustment'' Left clicking on the icon increases its height, and right clicking decreases its height. --''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. --''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 （これはアップデートで入る予定なので訳しておく） -''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. --''Capture and Save to Clipboard'' The current layout is captured as an image and save it to the clipboard. --''Capture and Save as Thumbnail'' Take the current layout as an image and save it as a thumbnail for this project. **''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.
