{"_id":"59bc03d51d2d8d001a3445e1","category":{"_id":"59bc03d31d2d8d001a344582","version":"59bc03d31d2d8d001a34457d","project":"578c4badbd223d2000cc1441","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-07-18T04:52:29.094Z","from_sync":false,"order":5,"slug":"vr-overview","title":"Design"},"user":"578c4a62bd223d2000cc143e","parentDoc":null,"project":"578c4badbd223d2000cc1441","version":{"_id":"59bc03d31d2d8d001a34457d","project":"578c4badbd223d2000cc1441","__v":2,"createdAt":"2017-09-15T16:46:11.721Z","releaseDate":"2017-09-15T16:46:11.721Z","categories":["59bc03d31d2d8d001a34457e","59bc03d31d2d8d001a34457f","59bc03d31d2d8d001a344580","59bc03d31d2d8d001a344581","59bc03d31d2d8d001a344582","59bc03d31d2d8d001a344583","59bc284b7c3f420010f965e6"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"2.0.0","version":"2.0.0"},"__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-07-18T20:05:00.162Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":true,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":13,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Skybox Basics\"\n}\n[/block]\nFor any 3D VR scene where the 360° background isn't the main focus, a skybox is a great performant solution. Think of a skybox as a square room with the user placed in the middle.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/d8abb37-viro_skybox_cube.png\",\n        \"viro_skybox_cube.png\",\n        300,\n        304,\n        \"#5c5c5c\"\n      ],\n      \"caption\": \"Skybox with user in the middle\",\n      \"sizing\": \"original\"\n    }\n  ]\n}\n[/block]\nWith some level of technical artistry, you can make a skybox that takes a flat image like this:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7872bb1-viro_skybox_1.jpg\",\n        \"viro_skybox_1.jpg\",\n        1024,\n        512,\n        \"#b0bdcb\"\n      ],\n      \"caption\": \"Flat panorama with edges that are seamless.\"\n    }\n  ]\n}\n[/block]\nThen break it up to a usable format like this:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/d16eba2-viro_skybox_diagram_1.png\",\n        \"viro_skybox_diagram_1.png\",\n        600,\n        448,\n        \"#b4c1cd\"\n      ],\n      \"sizing\": \"original\"\n    }\n  ]\n}\n[/block]\nIf you're looking for some free skyboxes to use, go to [Free Assets](doc:assets) \n\nFor more info about skyboxes, check out these resources:\n[https://en.wikipedia.org/wiki/Skybox_(video_games)](https://en.wikipedia.org/wiki/Skybox_(video_games)\n[http://www.custommapmakers.org/skyboxes.php](http://www.custommapmakers.org/skyboxes.php) \n[http://www.humus.name/index.php?page=Textures&start=32](http://www.humus.name/index.php?page=Textures&start=32)","excerpt":"Creating and Importing a skybox into your VR scene.","slug":"skybox","type":"basic","title":"Skybox"}

Skybox

Creating and Importing a skybox into your VR scene.

[block:api-header] { "type": "basic", "title": "Skybox Basics" } [/block] For any 3D VR scene where the 360° background isn't the main focus, a skybox is a great performant solution. Think of a skybox as a square room with the user placed in the middle. [block:image] { "images": [ { "image": [ "https://files.readme.io/d8abb37-viro_skybox_cube.png", "viro_skybox_cube.png", 300, 304, "#5c5c5c" ], "caption": "Skybox with user in the middle", "sizing": "original" } ] } [/block] With some level of technical artistry, you can make a skybox that takes a flat image like this: [block:image] { "images": [ { "image": [ "https://files.readme.io/7872bb1-viro_skybox_1.jpg", "viro_skybox_1.jpg", 1024, 512, "#b0bdcb" ], "caption": "Flat panorama with edges that are seamless." } ] } [/block] Then break it up to a usable format like this: [block:image] { "images": [ { "image": [ "https://files.readme.io/d16eba2-viro_skybox_diagram_1.png", "viro_skybox_diagram_1.png", 600, 448, "#b4c1cd" ], "sizing": "original" } ] } [/block] If you're looking for some free skyboxes to use, go to [Free Assets](doc:assets) For more info about skyboxes, check out these resources: [https://en.wikipedia.org/wiki/Skybox_(video_games)](https://en.wikipedia.org/wiki/Skybox_(video_games) [http://www.custommapmakers.org/skyboxes.php](http://www.custommapmakers.org/skyboxes.php) [http://www.humus.name/index.php?page=Textures&start=32](http://www.humus.name/index.php?page=Textures&start=32)