{"_id":"54e5c6e8e662e60d00aff673","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"},"__v":17,"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"},"project":"5463e333447e0a100024a087","updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-02-19T11:20:08.719Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":6,"body":"What scenes are and how they can be used is covered in **[Scenes](http://cocos.sonarlearning.co.uk/v1.0/docs/scenes)** section. This page will cover how Cocos Studio can be used to create scenes. The following section covers importing the scene 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 Scene\"\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 Scene\"\n}\n[/block]\nName your scene and click **New**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/a5hQiZjQSreM2Lw8JNJE_Screen-Shot-2015-02-19-at-11.37.02.png\",\n        \"Screen-Shot-2015-02-19-at-11.37.02.png\",\n        \"464\",\n        \"332\",\n        \"#1a77eb\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nNote: *Don't worry about the size at this point as you can't change it, it's whatever you set the design resolution to.*\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Scene Location In Cocos Studio\"\n}\n[/block]\nThe scene can be accessed from the **Resources** section.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/FW2zusFeTwKvpMFT0lFL_Screen-Shot-2015-02-19-at-11.37.15.png\",\n        \"Screen-Shot-2015-02-19-at-11.37.15.png\",\n        \"259\",\n        \"417\",\n        \"\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Modifying The Scene\"\n}\n[/block]\nDouble click to open the Scene if it isn't open. The scene will appear in the middle canvas, the black area is what will be visible if the entire scene is displayed. The Black area is also the exact size as the Design Resolution which can be modified after creating a scene.\n\nThis is used to create your scene, 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/Uia4ho4CTQG1SGDpGMfY_Screen%20Shot%202015-02-19%20at%2011.37.55.png\",\n        \"Screen Shot 2015-02-19 at 11.37.55.png\",\n        \"1328\",\n        \"780\",\n        \"#20585c\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"scenes-1","type":"basic","title":"Scenes"}
What scenes are and how they can be used is covered in **[Scenes](http://cocos.sonarlearning.co.uk/v1.0/docs/scenes)** section. This page will cover how Cocos Studio can be used to create scenes. The following section covers importing the scene 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 Scene" } [/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 Scene" } [/block] Name your scene and click **New** [block:image] { "images": [ { "image": [ "https://files.readme.io/a5hQiZjQSreM2Lw8JNJE_Screen-Shot-2015-02-19-at-11.37.02.png", "Screen-Shot-2015-02-19-at-11.37.02.png", "464", "332", "#1a77eb", "" ] } ] } [/block] Note: *Don't worry about the size at this point as you can't change it, it's whatever you set the design resolution to.* [block:api-header] { "type": "basic", "title": "Scene Location In Cocos Studio" } [/block] The scene can be accessed from the **Resources** section. [block:image] { "images": [ { "image": [ "https://files.readme.io/FW2zusFeTwKvpMFT0lFL_Screen-Shot-2015-02-19-at-11.37.15.png", "Screen-Shot-2015-02-19-at-11.37.15.png", "259", "417", "", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Modifying The Scene" } [/block] Double click to open the Scene if it isn't open. The scene will appear in the middle canvas, the black area is what will be visible if the entire scene is displayed. The Black area is also the exact size as the Design Resolution which can be modified after creating a scene. This is used to create your scene, you can drag object from the **Objects** section to add items. [block:image] { "images": [ { "image": [ "https://files.readme.io/Uia4ho4CTQG1SGDpGMfY_Screen%20Shot%202015-02-19%20at%2011.37.55.png", "Screen Shot 2015-02-19 at 11.37.55.png", "1328", "780", "#20585c", "" ] } ] } [/block]