{"id":83434,"date":"2019-05-09T18:00:44","date_gmt":"2019-05-09T09:00:44","guid":{"rendered":"https:\/\/www.webtech.co.jp\/help\/?page_id=83434"},"modified":"2019-05-09T18:00:44","modified_gmt":"2019-05-09T09:00:44","slug":"layout","status":"publish","type":"page","link":"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/guide\/window6\/main\/layout\/","title":{"rendered":"Layout Window"},"content":{"rendered":"<p>The Layout Window shows the layout state of the frame specified in the Frame Control Window. You can also edit the layout of that frame.<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_01.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_01.png\" alt=\"\" width=\"852\" height=\"721\" class=\"alignnone size-full wp-image-84654\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_01.png 852w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_01-768x650.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_01-624x528.png 624w\" sizes=\"auto, (max-width: 852px) 100vw, 852px\" \/><\/a><\/p>\n<p>The Layout Window is roughly divided into 2 parts, &#8220;toolbar&#8221; and &#8220;Display portion of the layout&#8221;.<\/p>\n<ul>\n<li><a href=\"#toolbar\">Operation By Toolbar<\/a><\/li>\n<li><a href=\"#Layout_display\">Display portion of the layout<\/a><\/li>\n<li><a href=\"#related_page\">Related Pages<\/a><\/li>\n<\/ul>\n<h2><a id=\"toolbar\" name=\"toolbar\"><\/a>Operation By Toolbar<\/h2>\n<p>The toolbar contains buttons that control various display changes, and assist in manipulating Part.<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_02.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_02.png\" alt=\"\" width=\"850\" height=\"37\" class=\"alignnone size-full wp-image-84655\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_02.png 850w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_02-768x33.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_02-624x27.png 624w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/a><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/05\/layout_01.png\"><\/a><\/p>\n<table>\n<tbody>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-693 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon09.png\" alt=\"Window_layout_icon09\" width=\"32\" height=\"32\" \/>Show Gizomo SRT<\/th>\n<td>\n<p>Displays a gizmo (Handle to manipulate the Part).<\/p>\n<p>A blue background shows the gizmo, while a gray background hides it. The display switches each time you click the button.<br \/>\nThe gizmo is displayed centered at the Pivot of the selected Part.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18968 size-full\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/09\/Window_Layout_gizmo_ver5.6.1.png\" alt=\"Window_Layout_gizmo_ver5.6.1\" width=\"275\" height=\"272\" \/><\/p>\n<p>Drag the arrow at the end of the cross to move the part. Drag a vertical arrow to move vertically, or drag a horizontal arrow to move horizontally.<\/p>\n<p>Drag the circle at the end of the cross to scale the part vertically and horizontally. Drag the circle at the end of the vertical line to increase or decrease the height. Drag the circle at the end of the horizontal line to increase or decrease the horizontal width.<\/p>\n<p>Drag the diagonal arrow at the bottom left to scale the part proportionally.<\/p>\n<p>Drag the circle to rotate the part.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-685 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon01.png\" alt=\"Window_layout_icon01\" width=\"32\" height=\"32\" \/>Zoom In<\/th>\n<td>\n<p>Increases the magnification of the display.<\/p>\n<p>The display magnification can be up to 1600%.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-686 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon02.png\" alt=\"Window_layout_icon02\" width=\"32\" height=\"32\" \/>Zoom Out<\/th>\n<td>\n<p>Decreases the magnification of the display.<\/p>\n<p>The minimum magnification is 5%.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-687 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon03.png\" alt=\"Window_layout_icon03\" width=\"32\" height=\"32\" \/>Show Grid<\/th>\n<td>\n<p>Shows or hides the grid.<\/p>\n<p>If the button background color is blue, the grid is visible; if the button background color is gray, the grid is invisible.<br \/>\nThe display status of the grid changes each time you click the button.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-688 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon04.png\" alt=\"Window_layout_icon04\" width=\"32\" height=\"32\" \/>Snap To Grid<\/th>\n<td>\n<p>Snap the Pivot of the Part to the grid when changing the position of the Part in the Layout Window.<\/p>\n<p>A blue button background snaps to the grid; a gray button background does not. Snap is toggled on and off each time you click the button.<br \/>\nSnapping also occurs when the grid is hidden.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-690 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon06.png\" alt=\"Window_layout_icon06\" width=\"32\" height=\"32\" \/>Show Canvas Frame<\/th>\n<td>\n<p>Shows or hides the Reference Frame.<\/p>\n<p>The background color of the button is blue to show the Reference Frame, and gray to hide the Reference Frame. Each time you click the button, the Reference Frame is displayed or hidden.<br \/>\nResizing the Reference Frame is done in the Layout Info Window.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-691 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon07.png\" alt=\"Window_layout_icon07\" width=\"32\" height=\"32\" \/>Show Focus Frame<\/th>\n<td>\n<p>Shows or hides the Focus Frame for the selected Part.<\/p>\n<p>A blue background indicates that the Focus Frame is displayed, and a gray background indicates that the Focus Frame is not displayed. Each time you click the button, the Focus Frame is displayed or hidden.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-689 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon05.png\" alt=\"Window_layout_icon05\" width=\"32\" height=\"32\" \/>Show Outline<\/th>\n<td>\n<p>Switches between normal and outline display for parts other than the selected part.<\/p>\n<p>When the background color of the button is blue, only the outline is displayed. When the background color is gray, the normal display is performed. The display changes every time you click the button.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-692 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon08.png\" alt=\"Window_layout_icon08\" width=\"32\" height=\"32\" \/>Show Bounds<\/th>\n<td>\n<p>Shows or hides the Collision Detection area.<\/p>\n<p>The area of the Collision Detection set for each Part is displayed in a red translucent color.<br \/>\nWhen the background color of the button is blue, the area of the Collision Detection is displayed, and when gray,  the area of the Collision Detection is not displayed. Each time you click the button, the display of  the area of the Collision Detection changes.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18970 size-full\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/09\/Window_Layout_icon14.png\" alt=\"Window_Layout_icon14\" width=\"32\" height=\"32\" \/>Show Move Path<\/th>\n<td>\n<p>Shows or hides the Move Path.<\/p>\n<p>The background color of the button is blue to show the Move Path, and gray to hide the Move Path.<br \/>\nThe display of the Move Path switches each time the button is clicked.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/05\/layout_icon_01.png\" alt=\"\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-33564\" \/>Lock Translation<\/th>\n<td>\n<p>Locks the Part so it does not move.<\/p>\n<p>A blue background color indicates that movement is locked, and a gray background color indicates that movement is allowed.<br \/>\nThe move lock switches each time you click the button.<br \/>\nIt can be used with other locking functions.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/05\/layout_icon_02.png\" alt=\"\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-33565\" \/>Lock Rotation<\/p>\n<\/th>\n<td>\n<p>Locks the Part so that it does not rotate.<\/p>\n<p>A blue background color indicates locked rotation; a gray background color indicates enabled rotation.<br \/>\nRotation lock changes state each time you click the button.<br \/>\nIt can be used with other locking functions.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/07\/layout_icon_08.png\" alt=\"\" width=\"36\" height=\"36\" class=\"aligncenter size-full wp-image-78789\" \/>Lock Scale<\/p>\n<\/th>\n<td>\n<p>Locks the scale of the Part so that it does not change.<\/p>\n<p>A blue background indicates that the scale is locked, and a gray background indicates that the scale can be changed.<br \/>\nEach time you click the button, the scale lock is enabled or disabled.<br \/>\nIt can be used with other locking functions.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/05\/layout_icon_03.png\" alt=\"\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-33566\" \/>Lock parts except bone<\/p>\n<\/th>\n<td>\n<p>Locks Parts other than Bone Parts so that they cannot be modified.<\/p>\n<p>A blue background indicates locked editing; a gray background indicates enabled editing.<br \/>\nEditing lock is enabled or disabled each time you click the button.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/05\/layout_icon_04.png\" alt=\"\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-33567\" \/>Show bone parts<\/p>\n<\/th>\n<td>\n<p>Shows or hides the Bone Part.<\/p>\n<p>A blue background color shows the Bone Part, and a gray background color hides the Bone Part.<br \/>\nThe display switches each time you click the button.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/05\/layout_icon_05.png\" alt=\"\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-33568\" \/>Show Weights<\/p>\n<\/th>\n<td>\n<p>Displays the weight status on the Mesh Part.<\/p>\n<p>Displays the state of the weights that indicate the influence of the Bone Part in the Bone Part Color.<br \/>\nA blue background color of the button shows the Weight, and a gray background color hides the Weight.<br \/>\nThe display switches each time you click the button.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/05\/layout_icon_06.png\" alt=\"\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-33569\" \/>Reset Weights<\/p>\n<\/th>\n<td>\n<p>Reset the weight.<\/p>\n<p>If the mesh part does not change correctly, or if the weight is not displayed as expected, press this button to reset the weight.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\">\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/05\/layout_icon_07.png\" alt=\"\" width=\"32\" height=\"32\" class=\"aligncenter size-full wp-image-33563\" \/>Enable Mask<\/p>\n<\/th>\n<td>\n<p>Enables the Mask Feature.<\/p>\n<p>When enabled, the Mask Feature represents the effect. In the disabled state, the Mask Part looks like a normal Part.<br \/>\nA blue background indicates that the Mask Feature is enabled, and a gray background indicates that the Mask Feature is disabled.<br \/>\nEach time you click the button, the Mask Feature is enabled or disabled.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-681 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon10.png\" alt=\"Window_layout_icon10\" width=\"32\" height=\"32\" \/>Change Grid Size<\/th>\n<td>\n<p>The &#8220;Change Grid Size&#8221; dialog opens.<\/p>\n<p>The &#8220;Change Grid Size&#8221; dialog allows you to set the grid to any pixel size by specifying a number from 2 to 256.<br \/>\n<a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_03.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_03.png\" alt=\"\" width=\"422\" height=\"148\" class=\"aligncenter size-full wp-image-84658\" \/><\/a><\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-682 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon11.png\" alt=\"Window_layout_icon11\" width=\"32\" height=\"32\" \/>Change Grid Color<\/th>\n<td>\n<p>Changes the color of grid lines.<\/p>\n<p>Opens the Color Picker Window so you can set the color of the grid lines by specifying any color.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th style=\"text-align: center;\" scope=\"row\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-683 aligncenter\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_layout_icon12.png\" alt=\"Window_layout_icon12\" width=\"32\" height=\"32\" \/>Change BG Color<\/th>\n<td>\n<p>Changes the background color.<\/p>\n<p>Opens the Color Picker Window so you can set the background color by specifying any color.<br \/>\nDisplays the transparent portion of the animation in the background color you set.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_04.png\" alt=\"\" width=\"214\" height=\"470\" class=\"alignright size-full wp-image-84657\" \/><br \/>\nIf you narrow the window so that the toolbar cannot be displayed, a <img loading=\"lazy\" decoding=\"async\" class=\"noshadow\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_celllist_icon03.png\" alt=\"Window_celllist_icon03\" width=\"35\" height=\"36\" \/> mark appears at the right end of the toolbar. Click this mark to open a menu list of buttons that are not visible. Select this menu to perform the function of each button.<\/p>\n<p>The menu image is for when all buttons are hidden. The actual menu displays only the hidden buttons.<\/p>\n<h2><a id=\"Layout_display\"><\/a>Display portion of the layout<\/h2>\n<p>Display portion of the layout allows you to directly select the Part used in the animation, allowing you to perform intuitive operations such as transforming and moving Part.<br \/>\n<a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/03\/v61_layout_03.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/03\/v61_layout_03.png\" alt=\"\" width=\"809\" height=\"709\" class=\"aligncenter size-full wp-image-66303\" srcset=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/03\/v61_layout_03.png 809w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/03\/v61_layout_03-768x673.png 768w, https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/03\/v61_layout_03-624x547.png 624w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/a><\/p>\n<p>Explains how to work in the Display portion of a layout.<\/p>\n<ul>\n<li><a href=\"#basicoperations\">Basic Operations<\/a><\/li>\n<li><a href=\"#selectpart\">Operations on selected Part<\/a><\/li>\n<li><a href=\"#infodisplay\">Viewing and manipulating animation information<\/a><\/li>\n<\/ul>\n<h3><a id=\"basicoperations\"><\/a>Basic Operations<\/h3>\n<h4>Switching Data to Edit<\/h4>\n<p>You can switch the data you are editing by clicking &#8220;Animation&#8221; or &#8220;Setup&#8221;.<br \/>\nClick while viewing animation data to switch to setup data, or click while viewing setup data to switch to animation data.<\/p>\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: center;\">When <strong>Animation Data<\/strong> is displayed<\/td>\n<td style=\"text-align: center;\">When <strong>Setup Data<\/strong> is displayed<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/06\/layout_04.png\" alt=\"\" width=\"129\" height=\"21\" class=\"alignnone size-full wp-image-33574\" \/><\/td>\n<td style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/08\/howtomesh_019.png\" alt=\"\" width=\"81\" height=\"21\" class=\"size-full wp-image-35246 aligncenter\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>The background color of the layout window changes when the Setup Data is displayed.<br \/>\n<a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/03\/v61_layout_04.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/03\/v61_layout_04.png\" alt=\"\" width=\"566\" height=\"496\" class=\"aligncenter size-full wp-image-66304\" \/><\/a><\/p>\n<h4>Select Part<\/h4>\n<p>Click a visible Part to keep it selected.<\/p>\n<h4>Select Multiple Parts<\/h4>\n<p><button>Ctrl<\/button> + click the displayed part to select multiple parts simultaneously.<\/p>\n<h4>Select multiple Parts within a region<\/h4>\n<p>By selecting a range, you can select all Parts within the range.<\/p>\n<h4>Clear Selection State<\/h4>\n<p>&#8220;Ctrl + click&#8221; the selected Parts to clear the selection.<\/p>\n<h4>Move Display Range<\/h4>\n<p><button>Space<\/button> + drag to move the display range.<\/p>\n<h3><a id=\"selectpart\"><\/a>Operations on selected Part<\/h3>\n<p>The selected Part can be manipulated as described below.<\/p>\n<h4>Movement, deformation, etc.<\/h4>\n<p>The selected Part can be moved or transformed.<\/p>\n<table>\n<tbody>\n<tr>\n<th scope=\"row\">Drag Part<\/th>\n<td>Move the placement of the Part.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Drag four corners or edges of a Part<\/th>\n<td>Change the scale.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\"><button>Ctrl<\/button> + drag corners of a Part<\/th>\n<td>\n<p>Manipulate the Part &#8220;Vertex Deformation&#8221;.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Drag rotation handle<\/th>\n<td>\n<p>Rotate Z.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>About Working with Mesh Parts<\/h4>\n<p>The selected mesh Part can be deformed by moving its set vertices<\/p>\n<p>See the link below for more information.<\/p>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/meshbone\/deform\/\">Using the Deform Feature (Japanese)<\/a><\/li>\n<\/ul>\n<h4>About Working with Joint Part and Bone Part<\/h4>\n<p>The selected Joint and Bone Part can be animated by adjusting the position, scale, and angle of the Mesh Part.<\/p>\n<p>See the link below for more information.<\/p>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/ja\/spritestudio\/guide\/meshbone\/howtouse\/\">Using the Mesh Bone Feature (Japanese)<\/a><\/li>\n<\/ul>\n<h4>About Working with Part IK<\/h4>\n<p>When you move a Part with <button>Alt<\/button> + drag, the part moves with the &#8220;Inverse Kinematics&#8221; function enabled. Inverse kinematics is the ability to move the Parent Part in relation to the moved Part.<\/p>\n<p>The extent to which Inverse Kinematics moves with the Parent Parts can be set in the &#8220;Part IK&#8221; item in the <a href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/guide\/window6\/main\/layoutinfo\/\">Layout Info Window<\/a>.<\/p>\n<h4>How to switch a selected Part to the Part shown in the front or back<\/h4>\n<p>With a Part selected, press the <button>[<\/button> and <button>]<\/button> keys to cycle through the Parts displayed in front and back of the selected Part.<br \/>\nThis is useful when you want to select a Hair Part that is hidden by a Part of your body, or when you want to change the selection of a small accessory Part.<\/p>\n<table>\n<tbody>\n<tr>\n<th scope=\"row\"><button>[<\/button><\/th>\n<td>Select the Part behind the selected Part.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\"><button>]<\/button><\/th>\n<td>Select the Part displayed in front of the selected Part.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>Context menu for selected Part<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/04\/Layout_05.png\" alt=\"\" width=\"214\" height=\"227\" class=\"alignright size-full wp-image-84666\" \/>Right-click the selected part to open the context menu. Each menu is described below.<\/p>\n<table>\n<tbody>\n<tr>\n<th scope=\"row\">Cut<\/th>\n<td>Copies the selected Part and its children to the clipboard and then deletes them.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Copy<\/th>\n<td>Copies the selected Part and its children to the clipboard.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Paste<\/th>\n<td>Adds a Part copied to the clipboard with &#8220;Cut&#8221; or &#8220;Copy&#8221; as a new Part.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Exclude Child Selection<\/th>\n<td>\n<p>Clears the selection except for the Parent Part.<\/p>\n<p>Unselect all Child Parts by doing this when multiple Parts are selected.<br \/>\nThis menu is used when you want to control only the Parent Part.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Hide<\/th>\n<td>Hides selected Parts.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Show Hidden Parts<\/th>\n<td>\n<p>Switch all hidden Parts to show.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Show Part Name<\/th>\n<td>\n<p>Shows or hides Part names.<\/p>\n<p>Changes the visibility of the selected Part Name to the Part Name at the cursor.<br \/>\nThe default for the Part Name is Show.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/07\/layout_08.png\" alt=\"\" width=\"254\" height=\"173\" class=\"alignnone size-full wp-image-34239\" \/><\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Lock Selected Parts<\/th>\n<td>\n<p>Locks the selected Part.<\/p>\n<p>Locked prevents Part selection and attribute changes.Use locks if you do not want to accidentally manipulate Parts.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Unlock All Parts<\/th>\n<td>Unlocks all Parts.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><a id=\"infodisplay\"><\/a>Viewing and manipulating animation information<\/h3>\n<p>Describes the menu that appears in a small window that opens and closes by clicking the small buttons at the corners of the visible portion of the layout.<\/p>\n<table>\n<tbody>\n<tr>\n<th scope=\"row\">stats<\/th>\n<td>\n<p>Displays the number of frames per second (fps), DrowSprite, and DrawCall during animation playback.<\/p>\n<p>The numbers of DrowSprite and DrawCall are the numbers when played back in SpriteStudio. When data is reproduced in another environment, there will be differences, so please use them as reference values.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/07\/layout_09.png\" alt=\"\" width=\"371\" height=\"75\" class=\"alignnone size-full wp-image-34242\" \/><\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">\n<p>information<\/p>\n<\/th>\n<td>\n<p>Displays attribute information about the selected Part.<\/p>\n<p>Press the &#8220;Q&#8221;, &#8220;W&#8221;, &#8220;E&#8221;, or &#8220;R&#8221; keys to make the corresponding attribute change using the arrow keys.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2017\/07\/layout_010.png\" alt=\"\" width=\"320\" height=\"88\" class=\"alignnone size-full wp-image-34240\" \/><\/p>\n<ul>\n<li><strong>Q<\/strong> : Changes the position information of a Part.<br \/><span style=\"font-size: small;\">Use the up and down arrow keys to move up and down, and the left and right arrow keys to move left and right.<\/span><\/li>\n<li><strong>W<\/strong> : Change the scale of the Part.<br \/><span style=\"font-size: small;\">Use the up and down arrow keys to increase or decrease the vertical width, and the left and right arrow keys to increase or decrease the horizontal width.<\/span><\/li>\n<li><strong>E<\/strong> : Changes the rotation angle of the Part.<br \/><span style=\"font-size: small;\">Increase the value of the Z Rotation attribute using the Up Arrow and Right Arrow keys, and decrease the value of the Z Rotation attribute using the Down Arrow and Left Arrow keys.<\/span><\/li>\n<li><strong>R<\/strong> : Determines whether or not child parts will change when the parent part is manipulated.<br \/><span style=\"font-size: small;\">The On state is linked to change, and the Off state is not linked. Press the R key to toggle between the On and Off states.<\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">time<\/th>\n<td>\n<p>Contains buttons for animation playback controls.<\/p>\n<p>The buttons are the same as those on the bottom toolbar of the Frame Controls window.<br \/><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2018\/03\/v61_layout_02.png\" alt=\"\" width=\"261\" height=\"56\" class=\"alignnone size-full wp-image-66301\" \/><\/p>\n<ul>\n<li><strong>0000 \/ 0000\uff1a<\/strong><br \/>Displays the position of the frame displayed in the Layout Window and the total number of frames in the entire animation.<br \/><span style=\"font-size: small;\">The frame position is the position of the time slider in the Frame Control Window. In the above image, the 7th frame out of 717 frames is displayed.<\/span><\/li>\n<li><strong>\uff080000, 000sec)\uff1a<\/strong><br \/>Displays the total number of frames in the animation and the length in seconds.<br \/><span style=\"font-size: small;\">The image above shows a 29.917 second animation at 718 frames. When you specify a playback interval in the Frame Controls window, the number of frames and seconds in the interval is displayed.<\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"clearfix\">\u00a0<\/div>\n<blockquote>\n<p><strong>Note<\/strong>: Null parts can be manipulated by displaying a gizmo or focus frame.<br \/>\nClicking in the layout window automatically selects the part at the clicked location.<\/p>\n<\/blockquote>\n<h2><a id=\"related_page\"><\/a>Related Pages<\/h2>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/guide\/window6\/main\/layoutinfo\/\">Layout Info Window<\/a><br \/><span style=\"font-size: small;\">Describes the Layout Info Window.<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Layout Window shows the layout state of the frame specified in the Frame Control Window. You can also edit..<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":83389,"menu_order":46,"comment_status":"closed","ping_status":"closed","template":"page_eng_ss.php","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"class_list":["post-83434","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/83434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/comments?post=83434"}],"version-history":[{"count":0,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/83434\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/83389"}],"wp:attachment":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/media?parent=83434"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/tags?post=83434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}