{"id":4222,"date":"2013-09-18T14:11:47","date_gmt":"2013-09-18T05:11:47","guid":{"rendered":"http:\/\/www.webtech.co.jp\/help\/?page_id=4222"},"modified":"2015-03-10T15:09:55","modified_gmt":"2015-03-10T06:09:55","slug":"cellmapwindow","status":"publish","type":"page","link":"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/help\/cellmapwindow\/","title":{"rendered":"Cell Map Window"},"content":{"rendered":"<p>In the \u201cCell Map\u201d window, the reference image of the cell map selected in the project window will be displayed.<\/p>\n<p><img decoding=\"async\" alt=\"Window_CellMap\" class=\"size-full wp-image-648 aligncenter\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_CellMap_en.png\" style=\"width: 547px; height: 556px;\" title=\"\" \/><\/p>\n<p>With this window, the two kinds of operation largely can be implemented.<\/p>\n<div>\n<ul class=\"simple\">\n<li><a href=\"#toolbar\">Operation by Toolbar<\/a><\/li>\n<li><a href=\"#image\">Operation on Image<\/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.<\/p>\n<p><img decoding=\"async\" alt=\"Window_CellMap_Icon\" class=\"size-full wp-image-652 aligncenter\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_CellMap_Icon_en.png\" style=\"width: 547px; height: 37px;\" title=\"\" \/><\/p>\n<\/div>\n<table>\n<tbody>\n<tr>\n<th scope=\"row\"><img loading=\"lazy\" decoding=\"async\" alt=\"Window_cellmap_icon01\" class=\"size-full wp-image-653 aligncenter\" height=\"32\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon01.png\" style=\"width: 32px; height: 32px;\" title=\"\" width=\"32\" \/>Zoom In<\/th>\n<td>It zooms and shows the reference image. The image can be enlarged up to 1600%.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\"><img loading=\"lazy\" decoding=\"async\" alt=\"Window_cellmap_icon02\" class=\"size-full wp-image-640 aligncenter\" height=\"32\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon02.png\" style=\"width: 32px; height: 32px;\" title=\"\" width=\"32\" \/>Zoom Out<\/th>\n<td>It reduces and shows the reference image. The image can be reduced down to 25%.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\"><img loading=\"lazy\" decoding=\"async\" alt=\"Window_cellmap_icon03\" class=\"size-full wp-image-641 aligncenter\" height=\"32\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon03.png\" style=\"width: 32px; height: 32px;\" title=\"\" width=\"32\" \/>Show Grid<\/th>\n<td>It switches Show\/Hide of the grid on the reference image. When the button\u2019s background color is blue, Show. When it is gray, Hide.<\/p>\n<p>\t\t\t\tWith every click, this display switches alternately.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\"><img loading=\"lazy\" decoding=\"async\" alt=\"Window_cellmap_icon04\" class=\"size-full wp-image-642 aligncenter\" height=\"32\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon04.png\" style=\"width: 32px; height: 32px;\" title=\"\" width=\"32\" \/>Snap to Grid<\/th>\n<td>When the Specified Range and the Rectangle are moved, it snaps them to Grid. When the button\u2019s background color is blue, Snap to Grid. When grey, Not Snap to Grid. The state is switched alternately by clicking the button. Also, even when the grid is not shown, it is possible to snap (meaning that it is separate from the grid\u2019s shown state).<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\"><img loading=\"lazy\" decoding=\"async\" alt=\"Window_cellmap_icon05\" class=\"size-full wp-image-643 aligncenter\" height=\"32\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon05.png\" style=\"width: 32px; height: 32px;\" title=\"\" width=\"32\" \/>Change Grid Size<\/th>\n<td>It changes the pixel intervals of grid. The setting dialog to input grid\u2019s pixel intervals will open. So, input pixel intervals with a positive number.<img decoding=\"async\" alt=\"Window_CellMap_GridSize\" class=\"size-full wp-image-651 aligncenter\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_CellMap_GridSize_en.png\" style=\"width: 436px; height: 159px;\" title=\"\" \/><\/td>\n<\/tr>\n<tr>\n<th scope=\"row\"><img loading=\"lazy\" decoding=\"async\" alt=\"Window_cellmap_icon06\" class=\"size-full wp-image-644 aligncenter\" height=\"32\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon06.png\" style=\"width: 32px; height: 32px;\" title=\"\" width=\"32\" \/>Change Grid Color<\/th>\n<td>Specify the color of the grid lines. By clicking the button, the color picker will be shown. Enter the preferred color herein.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\"><img loading=\"lazy\" decoding=\"async\" alt=\"Window_cellmap_icon07\" class=\"size-full wp-image-645 aligncenter\" height=\"32\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon07.png\" style=\"width: 32px; height: 32px;\" title=\"\" width=\"32\" \/>Change Background Color<\/th>\n<td>Specify the background color of the transparent part of the image. By clicking the button, the color picker will be shown. Enter the preferred color herein.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img decoding=\"async\" alt=\"Window_CellMap_click\" class=\"alignnone size-full wp-image-650\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_CellMap_click_en.png\" style=\"width: 260px; height: 162px; float: right; margin-left: 10px; margin-bottom: 20px;\" \/>Also, when the whole cannot be shown such as the window\u2019s breadth is too narrow, the two-triangle mark <img loading=\"lazy\" decoding=\"async\" alt=\"Window_cellmap_icon08\" class=\"noshadow\" height=\"36\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_cellmap_icon08.png\" width=\"35\" \/>is shown at the right side of the toolbar. By clicking this mark, the menu of the hidden buttons will open. By selecting from this menu, functions of the respective buttons can be implemented.<\/p>\n<p>The right figure is the menu of all the hidden buttons. In actual case, only the hidden buttons are shown.<\/p>\n<h2><a id=\"image\" name=\"image\"><\/a>Operation on Image<\/h2>\n<div class=\"line-block\">\n<div class=\"line\">With the image-shown part of the \u201cCell Map\u201d window, the \u201cCell\u201d area used for animation can be selected, created and changed. The created cell is registered in the \u201cCell List\u201d.<\/div>\n<div class=\"line\"><img loading=\"lazy\" decoding=\"async\" alt=\"Window_CellMap_Body\" class=\"size-full wp-image-649 aligncenter\" height=\"519\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_CellMap_Body.png\" style=\"\" title=\"\" width=\"542\" \/><\/div>\n<div class=\"line\">\n<p>When a new range specified on the 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<p>With right-click inside the rectangle range area, the exclusive-use menu will open.<\/p>\n<p><img decoding=\"async\" alt=\"Window_CellMap_MenuCell\" class=\"size-full wp-image-647 aligncenter\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/Window_CellMap_MenuCell_en.png\" style=\"width: 355px; height: 166px;\" title=\"\" \/><\/p>\n<table     style=\"width: 100%;\">\n<tbody>\n<tr>\n<th scope=\"row\">Create Cell<\/th>\n<td>It adds the currently-specified rectangle to the cell list as a new cell.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">Detach from Cell<\/th>\n<td>It cancels the relation of the already-existing cell and the rectangle and changes it to the new rectangle. Changes of the rectangle after this cancellation will not affect the originally existing cell. So, it is convenient when another new cell is desired to create by using the same shape and size as the already-existing cell.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In the \u201cCell Map\u201d 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":4160,"menu_order":346,"comment_status":"closed","ping_status":"closed","template":"page_eng_ss.php","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"class_list":["post-4222","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/4222","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=4222"}],"version-history":[{"count":0,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/4222\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/4160"}],"wp:attachment":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/media?parent=4222"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/tags?post=4222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}