{"id":217,"date":"2019-07-01T09:37:28","date_gmt":"2019-07-01T09:37:28","guid":{"rendered":"http:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/editor-advanced\/layer-editor"},"modified":"2023-06-25T15:59:59","modified_gmt":"2023-06-25T15:59:59","slug":"layer-editor","status":"publish","type":"docs","link":"https:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/editors\/layer-editor","title":{"rendered":"Layer editor"},"content":{"rendered":"<p><strong>To open the layer editor:<\/strong> Click on the <img loading=\"lazy\" decoding=\"async\" width=\"22\" height=\"22\" class=\"wp-image-229\" style=\"width: 22px;\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/editor_layers_icon.jpg\" alt=\"\"> icon on the toolbarr<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2410\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2023\/01\/SHMcreator_layerEditor.jpg\" alt=\"\" width=\"464\" height=\"370\" srcset=\"https:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2023\/01\/SHMcreator_layerEditor.jpg 464w, https:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2023\/01\/SHMcreator_layerEditor-300x239.jpg 300w\" sizes=\"auto, (max-width: 464px) 85vw, 464px\" \/><\/p>\n<h3>WHAT&#8217;S IT FOR:<\/h3>\n<p><strong data-rich-text-format-boundary=\"true\">Layers<\/strong> are useful to organize your objects and quickly hide or unhide a lot of objects, as well as to control the rendering order of 2D sprites.<br>By default, there is one existing layer that contains every object of your level.<\/p>\n<h3>HOW THAT WORKS:<\/h3>\n<p><strong>Layer order and Rendering order:<\/strong><br>The layers order is very important with sprites: you can control the drawing order of sprites using the layer order. The sprites will be rendered in the layer order: the first layer will be on top of the second layer, and so on, as if layers were pieces of paper on a pile.<br>So:<br>The layer &#8220;on top&#8221; is on top.<br>Then, the layer &#8220;foreground&#8221; is below the layer &#8220;on top&#8221;.<br>Then, the layer &#8220;asteroids front&#8221; is below the layer &#8220;foreground&#8221;. <br>&gt;&gt; Parts of elements are hidden by elements which belong to the layer&nbsp; &#8220;foreground&#8221;.<br>Then, the layer &#8220;asteroids middle&#8221; is below the layer &#8220;asteroids front&#8221;<br>&gt;&gt; Parts of elements are hidden by elements which belong to the layer&nbsp; &#8220;asteroids front&#8221;.<br>And so on and so forth&#8230;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2424\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/SCHMPcreator_layerRendering.jpg\" alt=\"\" width=\"1282\" height=\"800\" srcset=\"https:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/SCHMPcreator_layerRendering.jpg 1282w, https:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/SCHMPcreator_layerRendering-300x187.jpg 300w, https:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/SCHMPcreator_layerRendering-1024x639.jpg 1024w, https:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/SCHMPcreator_layerRendering-768x479.jpg 768w, https:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/SCHMPcreator_layerRendering-1200x749.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><strong>Parallax:<br><\/strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-284\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/editor_layers_Z.jpg\" alt=\"\" width=\"56\" height=\"22\">&nbsp;<strong>Parallax <\/strong>spinner: This feature is useful for 2D levels when you want to have a parallax effect between background layers. Layers will move faster when the camera moves to create an illusion of depth.<br>The bigger the number, the faster the translation.<br>Note that the parallax effect is only applied to 2D background elements.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2376\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2023\/01\/SHMCreator_layerParallax.jpg\" alt=\"\" width=\"464\" height=\"370\" srcset=\"https:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2023\/01\/SHMCreator_layerParallax.jpg 464w, https:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2023\/01\/SHMCreator_layerParallax-300x239.jpg 300w\" sizes=\"auto, (max-width: 464px) 85vw, 464px\" \/><\/p>\n\n\n<pre class=\"wp-block-preformatted\"><strong>Note:<\/strong> Make sure the player is set to 0 on Y axis and everything will move relative to this 0 plane.<\/pre>\n\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2377\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2023\/01\/SHMcreator_layerParallax_02.gif\" alt=\"\" width=\"1280\" height=\"720\"><\/p>\n\n\n<pre class=\"wp-block-preformatted\"> <strong>Note: <\/strong>the layer will only be hidden in the editor, not in the game itself.<\/pre>\n\n\n<h5><strong>PROPERTIES<\/strong><\/h5>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-225\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/editor_layers_plus.jpg\" alt=\"\" width=\"22\" height=\"22\">&nbsp;New layer<\/strong> button: &nbsp;create a new empty layer.<br><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-235\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/menu_rename.jpg\" alt=\"\" width=\"22\" height=\"22\">&nbsp;Rename layer<\/strong> button: Click on the&nbsp;icon or double-click on the layer name to rename it.<br><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-236\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/menu_trash.jpg\" alt=\"\" width=\"22\" height=\"22\">&nbsp;Delete layer<\/strong> button: delete the current layer. If there are objects inside this layer, they will be moved to the first layer.<br><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-404\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/eye-1.jpg\" alt=\"\" width=\"22\" height=\"22\"><strong>Hide a layer<\/strong> button: hide or unhide a layer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-283\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/editor_layers_up.jpg\" alt=\"\" width=\"22\" height=\"22\"> or <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-280\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/editor_layers_down.jpg\" alt=\"\" width=\"22\" height=\"22\">&nbsp;<strong>Layer order<\/strong> buttons: move up or down the layer in the list.<br><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-282\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/editor_layers_to.jpg\" alt=\"\" width=\"22\" height=\"22\"> add objects to a layer<\/strong> button: add the current selection to the current layer.<br><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-281\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2019\/07\/editor_layers_from.jpg\" alt=\"\" width=\"22\" height=\"22\"> select all objects from a layer<\/strong> button: Click on a layer and click on the button to select all the objects from the current layer.<br><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1296\" src=\"http:\/\/www.shmupcreator.com\/doc\/wp-content\/uploads\/2021\/03\/lock.jpg\" alt=\"\" width=\"22\" height=\"22\">&nbsp;lock<\/strong> button: Select a layer and click on the button to lock the layer&#8217;s content. It will prevent you to move or select objects from the level unintentionally.<\/p>","protected":false},"featured_media":0,"parent":138,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-217","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=217"}],"version-history":[{"count":41,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/217\/revisions"}],"predecessor-version":[{"id":2522,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/217\/revisions\/2522"}],"up":[{"embeddable":true,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/138"}],"next":[{"title":"Settings","link":"https:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/editors\/settings","href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/2696"}],"prev":[{"title":"Menu editor","link":"https:\/\/www.shmupcreator.com\/doc\/?docs=shmupcreator\/editors\/menu-editor","href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=\/wp\/v2\/docs\/143"}],"wp:attachment":[{"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=217"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.shmupcreator.com\/doc\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}