{"_id":"54e5d4efe0b92439007d6999","user":"54639d06447e0a1000249f7f","version":{"_id":"5463e333447e0a100024a08a","project":"5463e333447e0a100024a087","__v":6,"createdAt":"2014-11-12T22:46:11.486Z","releaseDate":"2014-11-12T22:46:11.486Z","categories":["5463e333447e0a100024a08b","54645c365871e90800f50151","547b1c5a4366a708001b3b50","547b1cdf4366a708001b3b5a","54e3bef8464a9c3700f7ca67","54ec651d7ab3172d00c01ab7"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"project":"5463e333447e0a100024a087","__v":1,"category":{"_id":"54e3bef8464a9c3700f7ca67","pages":["54e3bfabe887c50d005ef6a0","54e3c35ee887c50d005ef6af","54e3c9ade887c50d005ef6b4","54e3ca68e887c50d005ef6b6","54e47d6a610dfd0d00b2a84a","54e487250e41ef2b00b996c2","54e48ec60e41ef2b00b996cd","54e5c6e8e662e60d00aff673","54e5d4efe0b92439007d6999","54e5dc0ae0b92439007d69aa","54e72c88e6e77d1900ed10fa","54e7391f3c1e111700d05749","54e73f1a3c1e111700d05757","54e863f5c8e0c00d007abffd","54e86704a64fba0d00846860","54e86abb32b0b00d00c960f2","54e9e881560f2b170087f1d0","54e9eca2a6f14f0d003e96b5","54e9f04d560f2b170087f1d3","54eb2041996da20d00e6d68e","54eb801659b1172100334ffc","54eb8101df7add210007b31a","54ec584cc0c0ba1700386f8d","54ec5adad17b6d2300a54d75","54ec5e077ab3172d00c01aae","54edf8ca1e4ee60d0018e89f","54edfbc0130818170073a16b","54edff0e8dafa7250027e659"],"project":"5463e333447e0a100024a087","__v":28,"version":"5463e333447e0a100024a08a","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-02-17T22:21:44.099Z","from_sync":false,"order":2,"slug":"cocos-studio","title":"Cocos Studio"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-02-19T12:19:59.768Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":7,"body":"This page will cover how Cocos Studio can be used to create Layers. The following section covers importing the layer into Cocos using code [**http://cocos.sonarlearning.co.uk/v1.0/docs/importing-a-scene-into-cocos**](http://cocos.sonarlearning.co.uk/v1.0/docs/importing-a-scene-into-cocos).\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Creating A Layer\"\n}\n[/block]\nGo to File/New File\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Uo6UdIxsQPya2j9SiCYN_Screen%20Shot%202015-02-19%20at%2011.36.41.jpg\",\n        \"Screen Shot 2015-02-19 at 11.36.41.jpg\",\n        \"434\",\n        \"285\",\n        \"\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nNote: *You can also right click in the Resources section and click **New File***\n\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Select Layer\"\n}\n[/block]\nName your layer and click **New**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/OeCcXSspSUm4m8URUaTp_Screen-Shot-2015-02-19-at-12.22.23.png\",\n        \"Screen-Shot-2015-02-19-at-12.22.23.png\",\n        \"464\",\n        \"333\",\n        \"#1977eb\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nWarning: *Once the size has been set it cannot be changed* \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Layer Location In Cocos Studio\"\n}\n[/block]\nThe layer can be accessed from the **Resources** section.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/yiLpYIhNRVmcL19KcOr9_Screen-Shot-2015-02-19-at-12.23.18.png\",\n        \"Screen-Shot-2015-02-19-at-12.23.18.png\",\n        \"260\",\n        \"415\",\n        \"#f00f0c\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Modifying The Layer\"\n}\n[/block]\nDouble click to open the Layer if it isn't open. The layer will appear in the middle canvas, the black area is what will be visible if the entire layer is displayed. \n\nThis is used to create your layer, you can drag object from the **Objects** section to add items.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/d5hKunmTT2COJLGtxlvL_Screen%20Shot%202015-02-19%20at%2012.36.09.png\",\n        \"Screen Shot 2015-02-19 at 12.36.09.png\",\n        \"1326\",\n        \"934\",\n        \"#040404\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"layers","type":"basic","title":"Layers"}
This page will cover how Cocos Studio can be used to create Layers. The following section covers importing the layer into Cocos using code [**http://cocos.sonarlearning.co.uk/v1.0/docs/importing-a-scene-into-cocos**](http://cocos.sonarlearning.co.uk/v1.0/docs/importing-a-scene-into-cocos). [block:api-header] { "type": "basic", "title": "Creating A Layer" } [/block] Go to File/New File [block:image] { "images": [ { "image": [ "https://files.readme.io/Uo6UdIxsQPya2j9SiCYN_Screen%20Shot%202015-02-19%20at%2011.36.41.jpg", "Screen Shot 2015-02-19 at 11.36.41.jpg", "434", "285", "", "" ] } ] } [/block] Note: *You can also right click in the Resources section and click **New File*** [block:api-header] { "type": "basic", "title": "Select Layer" } [/block] Name your layer and click **New** [block:image] { "images": [ { "image": [ "https://files.readme.io/OeCcXSspSUm4m8URUaTp_Screen-Shot-2015-02-19-at-12.22.23.png", "Screen-Shot-2015-02-19-at-12.22.23.png", "464", "333", "#1977eb", "" ] } ] } [/block] Warning: *Once the size has been set it cannot be changed* [block:api-header] { "type": "basic", "title": "Layer Location In Cocos Studio" } [/block] The layer can be accessed from the **Resources** section. [block:image] { "images": [ { "image": [ "https://files.readme.io/yiLpYIhNRVmcL19KcOr9_Screen-Shot-2015-02-19-at-12.23.18.png", "Screen-Shot-2015-02-19-at-12.23.18.png", "260", "415", "#f00f0c", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Modifying The Layer" } [/block] Double click to open the Layer if it isn't open. The layer will appear in the middle canvas, the black area is what will be visible if the entire layer is displayed. This is used to create your layer, you can drag object from the **Objects** section to add items. [block:image] { "images": [ { "image": [ "https://files.readme.io/d5hKunmTT2COJLGtxlvL_Screen%20Shot%202015-02-19%20at%2012.36.09.png", "Screen Shot 2015-02-19 at 12.36.09.png", "1326", "934", "#040404", "" ] } ] } [/block]