{"id":83432,"date":"2019-02-25T12:07:53","date_gmt":"2019-02-25T03:07:53","guid":{"rendered":"https:\/\/www.webtech.co.jp\/help\/?page_id=83432"},"modified":"2019-10-08T10:09:17","modified_gmt":"2019-10-08T01:09:17","slug":"cellmap","status":"publish","type":"page","link":"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/guide\/window6\/main\/cellmap\/","title":{"rendered":"Cell Map Window"},"content":{"rendered":"<p>In the Cell Map Window, the reference image of the Cell Map selected in the <a href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/guide\/window6\/main\/project\/\">Project Window<\/a> will be displayed.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_01.png\" alt=\"\" width=\"429\" height=\"415\" class=\"aligncenter size-full wp-image-84051\" \/><\/p>\n<p>There are two main types of window operations: toolbar operations and image operations. A description is provided for each.<\/p>\n<ul class=\"simple\">\n<li><a class=\"reference internal\" href=\"#toolbar\">Operation By Toolbar<\/a><\/li>\n<li><a class=\"reference internal\" href=\"#image\">Operation on Image<\/a>\n<ul>\n<li><a href=\"#Without_menu\">Context menu outside the rectangle<\/a><\/li>\n<li><a href=\"#Within_menu\">Context menu within a rectangular range<\/a><\/li>\n<li><a href=\"#uv\">Viewing UV animation usage ranges<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#Relation\">Related Pages<\/a><\/li>\n<\/ul>\n<h2><a id=\"toolbar\" name=\"toolbar\"><\/a>Operation By Toolbar<\/h2>\n<p>On the toolbar of the cell map window, buttons to change the display state of the reference image are accommodated mainly.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_02.png\" alt=\"\" width=\"561\" height=\"37\" class=\"aligncenter size-full wp-image-84059\" \/><\/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-653 aligncenter\" style=\"width: 32px;\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon01.png\" alt=\"Window_cellmap_icon01\" width=\"32\" height=\"32\" \/>Zoom In<\/th>\n<td>\n<p>Increases the displayed magnification of the reference image.<br \/>\nYou can zoom in 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-640 aligncenter\" style=\"width: 32px;\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon02.png\" alt=\"Window_cellmap_icon02\" width=\"32\" height=\"32\" \/>Zoom Out<\/th>\n<td>\n<p>Decreases the displayed magnification of the reference image.<br \/>\nYou can reduce the display magnification to 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-641 aligncenter\" style=\"width: 32px;\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon03.png\" alt=\"Window_cellmap_icon03\" width=\"32\" height=\"32\" \/>Show Grid<\/th>\n<td>\n<p>It switches Show\/Hide of the grid on the reference image.<\/p>\n<p>When the button\u2019s background color is blue, Show. When it is gray, Hide.<br \/>\nWith every click, this display switches alternately.<\/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-642 aligncenter\" style=\"width: 32px;\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon04.png\" alt=\"Window_cellmap_icon04\" width=\"32\" height=\"32\" \/>Snap To Grid<\/th>\n<td>\n<p>Snap the rectangle to the grid when you specify a range or move the rectangle.<\/p>\n<p>If the button background color is blue, it snaps to the grid; if it is gray, it does not. The snap state changes each time you click the button. You can snap the grid even if it is not visible.<\/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-643 aligncenter\" style=\"width: 32px;\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon05.png\" alt=\"Window_cellmap_icon05\" width=\"32\" height=\"32\" \/>Change Grid Size<\/th>\n<td>\n<p>The Change grid size Dialog opens.<\/p>\n<p>You can specify the size of the displayed grid in 2 to 256 pixels.<a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_03.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_03.png\" alt=\"\" width=\"422\" height=\"148\" class=\"alignnone size-full wp-image-84063\" \/><\/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-644 aligncenter\" style=\"width: 32px;\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon06.png\" alt=\"Window_cellmap_icon06\" width=\"32\" height=\"32\" \/>Change Grid Color<\/th>\n<td>\n<p>Changes the color of grid lines.<\/p>\n<p>Click the button to display the Color Picker window and set the desired 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-645 aligncenter\" style=\"width: 32px;\" title=\"\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon07.png\" alt=\"Window_cellmap_icon07\" width=\"32\" height=\"32\" \/>Change BG Color<\/th>\n<td>\n<p>Changes the color of the background.<\/p>\n<p>Transparent portions of the reference image are displayed in the background color. Click the button to display the Color Picker window and set the desired color.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_04.png\" alt=\"\" width=\"188\" height=\"162\" class=\"alignright size-full wp-image-84065\" \/>If 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_cellmap_icon08.png\" alt=\"Window_cellmap_icon08\" 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=\"image\" name=\"image\"><\/a>Operation on Image<\/h2>\n<p>On the display image, you can create cells, change the specified range of cells, check cell rectangles, and so on. When a cell is created and registered, it is displayed in the cell list window.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_05.png\" alt=\"\" width=\"536\" height=\"591\" class=\"aligncenter size-full wp-image-84067\" \/><\/p>\n<p>When a new range specified on the display image, the rectangle is shown by the \u201cwhite and black dotted line\u201d. By double-clicking this rectangle (meaning to select \u201cCreate Cell\u201d from the right click menu inside the rectangle), the area can be newly added to the \u201cCell List\u201d as a \u201cCell\u201d.<\/p>\n<p>Also, the rectangles of the cell which are already registered in the cell list are shown by the \u201cred and yellow dotted line\u201d. By dragging this rectangle and changing the sizes, the pattern design of the already-existing cell can be changed.<\/p>\n<h3><a id=\"Without_menu\"><\/a>Context menu outside the rectangle<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_06.png\" alt=\"\" width=\"196\" height=\"190\" class=\"alignright size-full wp-image-84069\" \/>Right-click outside the rectangular area to display the context menu.<\/p>\n<p>&nbsp;<\/p>\n<table>\n<tbody>\n<tr>\n<th scope=\"row\">Cell Map Settings<\/th>\n<td>\n<p>The Cell Map Settings Dialog opens.<\/p>\n<p>Changes the settings of the currently selected Cell Map.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_07.png\" alt=\"\" width=\"235\" height=\"222\" class=\"alignnone size-full wp-image-84071\" \/><\/p>\n<h4>Project Default Settings<\/h4>\n<p>The Project Settings Window opens. When the window opens, go to <a href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/guide\/window6\/other\/projectsettings\/#cellmap\">&#8220;Default Settings&#8221; &#8211; &#8220;Cell Map&#8221;<\/a>.<\/p>\n<h4>Override Settings<\/h4>\n<p>Check to enable individual texture settings for the currently selected Cell Map.<\/p>\n<h4>Texture Wrap Mode:<\/h4>\n<p>Sets the Texture Wrap Mode.<\/p>\n<h4>Texture Filter Mode:<\/h4>\n<p>Sets the Texture Filter Mode.<\/p>\n<p>For more information on Texture Wrap and Texture Filter, see the following links.<\/p>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/guide\/window6\/other\/projectsettings\/#cellmap\">Project Settings &#8211; Cell Map<\/a><br \/><span style=\"font-size: small;\">Describes the CellMap item in the Project Settings window.<\/span><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><a id=\"Within_menu\"><\/a>Context menu within a rectangular range<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_08.png\" alt=\"\" width=\"283\" height=\"143\" class=\"alignright size-full wp-image-84072\" \/><br \/>\nRight-click inside the rectangular extents to display a context menu.<\/p>\n<table>\n<tbody>\n<tr>\n<th scope=\"row\">Create Cell<\/th>\n<td>\n<p>Adds the specified rectangle as a New Cell to the Cell List.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Detach From Cell<\/th>\n<td>\n<p>Changes the state of the selected rectangle to a new rectangle that is no longer associated with an existing cell.<\/p>\n<p>If you change the rectangle after running this menu, it does not affect the previous cell. This menu is useful when you want to create a new cell that has the same shape and size as an existing cell.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Specify Cell Position And Size<\/th>\n<td>\n<p>The Input Cell Position \/ Size Dialog opens.<\/p>\n<p>Specify the location and size of the rectangle in pixels.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_09.png\" alt=\"\" width=\"220\" height=\"129\" class=\"aligncenter size-full wp-image-84073\" \/><\/p>\n<h4>Specify Location<\/h4>\n<ul>\n<li>X: Specifies the position of the X axis (horizontal axis).<\/li>\n<li>Y: Specifies the position of the Y axis (vertical axis).<\/li>\n<\/ul>\n<h4>Specify Size<\/h4>\n<ul>\n<li>W &#8211; Specifies the width of the rectangle.<\/li>\n<li>H &#8211; Specifies the height of the rectangle.<\/li>\n<\/ul>\n<p>Note:If the origin of the cell is in the upper-left corner and you set X and Y values to 0, the rectangle is moved to the upper-left corner of the image.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><a id=\"uv\"><\/a>Viewing UV animation usage ranges<\/h3>\n<p>Select the Parts for which you have set the &#8220;UV X Translation&#8221;, &#8220;UV Y Translation&#8221;, &#8220;UV Rotation&#8221;, &#8220;UV X Scale&#8221;, and &#8220;UV Y Scale&#8221; attributes. When selected, the range used by the UV animation appears as a white dotted border above the Cell Map.<\/p>\n<p>The conditions under which the range used by the UV animation is displayed.<\/p>\n<ul>\n<li>You have set any of the following attributes on the selected part: &#8220;UV X Translation&#8221;, &#8220;UV Y Translation&#8221;, &#8220;UV Rotation&#8221;, &#8220;UV X Scale&#8221;, and &#8220;UV Y Scale&#8221;.<\/li>\n<li>The Cell Map displayed in the Cell Map window matches the stored Cell Map for the Cell set in the Reference Cell attribute of the selected Parts.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_10.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2019\/02\/cellmap_10.png\" alt=\"\" width=\"561\" height=\"634\" class=\"aligncenter size-full wp-image-84049\" \/><\/a><\/p>\n<h4>Work with range borders for UV animation<\/h4>\n<table border=\"0\">\n<tbody>\n<tr>\n<th>Drag Inside Border<\/th>\n<td>\n<p>Change the values of the &#8220;UV X Translation&#8221; and &#8220;UV Y Translation&#8221; attributes.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th>Drag corner of border<\/th>\n<td>\n<p>&#8220;UV Rotation&#8221; Change the value of an attribute<br \/>\nNote:Adds the number of degrees moved during dragging to the original value.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<th>Drag border<\/th>\n<td>\n<p>Change the values of the &#8220;UV X Scale&#8221; and &#8220;UV Y Scale&#8221; attributes.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><a id=\"Relation\"><\/a>Related Pages<\/h2>\n<ul class=\"link\">\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/guide\/window6\/main\/project\/\">Project Window<\/a><br \/><span style=\"font-size: small;\">Describes the features of the Project Window.<\/span><\/li>\n<li><a href=\"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/guide\/window6\/other\/projectsettings\/\">Project Settings Window<\/a><br \/><span style=\"font-size: small;\">Describes the features of the Project Settings Window.<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In the Cell Map Window, the reference image of the Cell Map selected in the Project Window will be displayed. ..<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":83389,"menu_order":40,"comment_status":"closed","ping_status":"closed","template":"page_eng_ss.php","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"class_list":["post-83432","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/83432","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=83432"}],"version-history":[{"count":0,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/83432\/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=83432"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/tags?post=83432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}