{"_id":"5ade3c1a0916ec000353ac0d","category":{"_id":"5ade3c170916ec000353ab9d","version":"5ade3c170916ec000353ab98","project":"578c4badbd223d2000cc1441","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-07-18T04:52:29.094Z","from_sync":false,"order":4,"slug":"vr-overview","title":"Design"},"user":"578c4a62bd223d2000cc143e","parentDoc":null,"project":"578c4badbd223d2000cc1441","version":{"_id":"5ade3c170916ec000353ab98","project":"578c4badbd223d2000cc1441","__v":1,"createdAt":"2018-04-23T20:03:35.726Z","releaseDate":"2018-04-23T20:03:35.726Z","categories":["5ade3c170916ec000353ab99","5ade3c170916ec000353ab9a","5ade3c170916ec000353ab9b","5ade3c170916ec000353ab9c","5ade3c170916ec000353ab9d","5ade3c170916ec000353ab9e"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"2.6.1","version":"2.6.1"},"__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-09-13T22:46:55.853Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":53,"body":"Need some pre-made visual assets to get started right away? Here are some completely free standard assets you can use for your VR project.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Icons and Buttons\"\n}\n[/block]\n**2D Standard Nav Icons** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/nav.zip) (12KB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/5550726-viro_icons_1.png\",\n        \"viro_icons_1.png\",\n        486,\n        96,\n        \"#040404\"\n      ],\n      \"sizing\": \"original\"\n    }\n  ]\n}\n[/block]\n**3D Standard Nav Icons** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/nav_3D.zip) (11KB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/bbd8379-btn_nav.png\",\n        \"btn_nav.png\",\n        755,\n        125,\n        \"#b2b2b2\"\n      ]\n    }\n  ]\n}\n[/block]\n**2D Player Controls** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/player_controls.zip)  (24KB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ddaa40b-viro_icons_2.png\",\n        \"viro_icons_2.png\",\n        711,\n        96,\n        \"#040404\"\n      ],\n      \"sizing\": \"original\"\n    }\n  ]\n}\n[/block]\n**3D Player Controls** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/player_controls_3D.zip)  (7KB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ca4fbbb-btn_player.png\",\n        \"btn_player.png\",\n        857,\n        125,\n        \"#b7b7b7\"\n      ]\n    }\n  ]\n}\n[/block]\n**Misc** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/misc.zip)  (48KB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b92a3ed-viro_icons_3.png\",\n        \"viro_icons_3.png\",\n        777,\n        96,\n        \"#040404\"\n      ],\n      \"sizing\": \"original\"\n    }\n  ]\n}\n[/block]\n2D Buttons | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/btns.zip)  (13.5kb)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/8ecb8e9-viro_icons_4.png\",\n        \"viro_icons_4.png\",\n        948,\n        96,\n        \"#040404\"\n      ],\n      \"sizing\": \"original\"\n    }\n  ]\n}\n[/block]\n3D Buttons | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/btns_3D.zip)  (38.9kb)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/32d94fe-btns.png\",\n        \"btns.png\",\n        913,\n        122,\n        \"#303030\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"3D Objects\"\n}\n[/block]\nStatic Emojis | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/Viro_object_emojis.zip) \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b07ff07-viro_objects_emoji.png\",\n        \"viro_objects_emoji.png\",\n        800,\n        144,\n        \"#cb9533\"\n      ]\n    }\n  ]\n}\n[/block]\nAnimated Characters and Emojis | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/viro_objects_emoji_animated.zip)  (~40mb)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/1d42049-viro_objects_objects.png\",\n        \"viro_objects_objects.png\",\n        800,\n        144,\n        \"#c08633\"\n      ]\n    }\n  ]\n}\n[/block]\nPrimitives | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/viro_objects_primitives.zip) (40.9kb)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/552f672-viro_objects_primitives.png\",\n        \"viro_objects_primitives.png\",\n        355,\n        144,\n        \"#3549ae\"\n      ]\n    }\n  ]\n}\n[/block]\nPortal Doorways | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/viro_objects_portals.zip) (51mb)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ec12830-viro_objects_portals.png\",\n        \"viro_objects_portals.png\",\n        800,\n        144,\n        \"#b8b7b4\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Photospheres\"\n}\n[/block]\n**Movie Theater** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_theater_dark.jpg\n)  (1.2MB) | [Download (Stereoscopic 3D Ver)](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_theater_dark_stereo.jpg)  (2.7MB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/75de297-ps_theater_dark.jpg\",\n        \"ps_theater_dark.jpg\",\n        800,\n        400,\n        \"#120708\"\n      ],\n      \"caption\": \"\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"\"\n}\n[/block]\n**Westlake, Seattle** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_westlake.jpg)  (3.6MB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/33119df-ps_westlake.jpg\",\n        \"ps_westlake.jpg\",\n        800,\n        400,\n        \"#cbcbc0\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\"\n}\n[/block]\n**Park** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_park.jpg)  (6.1M)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7723a4d-ps_park.jpg\",\n        \"ps_park.jpg\",\n        800,\n        400,\n        \"#6e5938\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\"\n}\n[/block]\n**Waikiki Beach, Hawaii** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_waikiki.jpg)  (4.3MB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/45c93fe-ps_waikiki.jpg\",\n        \"ps_waikiki.jpg\",\n        800,\n        400,\n        \"#c3c8cd\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\"\n}\n[/block]\n**Grid** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_grid.jpg) (598KB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4dfb7d5-ps_grid.jpg\",\n        \"ps_grid.jpg\",\n        800,\n        400,\n        \"#efeeef\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\"\n}\n[/block]\n**Tiles** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_tiles.jpg)  (321KB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/e01b438-ps_tiles.jpg\",\n        \"ps_tiles.jpg\",\n        800,\n        400,\n        \"#dbd6db\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\"\n}\n[/block]\n**Space** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_space.jpg) (2.6MB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/d30d9c5-ps_space.jpg\",\n        \"ps_space.jpg\",\n        800,\n        400,\n        \"#050506\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\"\n}\n[/block]\n**Digital Blocks** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_blocks.jpg)  (1.5MB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/01a3aa9-ps_blocks.jpg\",\n        \"ps_blocks.jpg\",\n        800,\n        400,\n        \"#b5b3b5\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Skyboxes\"\n}\n[/block]\nFor any 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\n**Black** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/skyboxes/sb_black.zip) (82KB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f813d16-cube_black.png\",\n        \"cube_black.png\",\n        800,\n        600,\n        \"#1e1e1e\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\"\n}\n[/block]\n**Clouds** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/skyboxes/sb_clouds.zip) (267kb)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/392e992-sb_clouds.jpg\",\n        \"sb_clouds.jpg\",\n        800,\n        600,\n        \"#c8d7e9\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\"\n}\n[/block]\n**Space** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/skyboxes/sb_space.zip)  (5.6MB)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/92e32db-cube_space.png\",\n        \"cube_space.png\",\n        800,\n        600,\n        \"#060607\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\"\n}\n[/block]\n**Ocean** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/skyboxes/sb_ocean.zip) (891kb)\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/95b3f19-sb_ocean.jpg\",\n        \"sb_ocean.jpg\",\n        800,\n        600,\n        \"#040404\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"Other Free Resources\"\n}\n[/block]\n[HDRI Haven](https://hdrihaven.com/) 100% free high quality photospheres. Download them and simply convert the HDRI files to JPG or PNG in your favorite photo editing tool.\n\n[sIBL Archive](http://www.hdrlabs.com/sibl/archive.html)  Free hi-res photospheres but under a CC license.","excerpt":"Free visual assets for you to use for your projects","slug":"assets","type":"basic","title":"Assets"}

Getting Started

iOS - Platform Setup

Android - Platform Setup

Develop

Design

API Reference

Assets

Free visual assets for you to use for your projects
Need some pre-made visual assets to get started right away? Here are some completely free standard assets you can use for your VR project. [block:api-header] { "type": "basic", "title": "Icons and Buttons" } [/block] **2D Standard Nav Icons** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/nav.zip) (12KB) [block:image] { "images": [ { "image": [ "https://files.readme.io/5550726-viro_icons_1.png", "viro_icons_1.png", 486, 96, "#040404" ], "sizing": "original" } ] } [/block] **3D Standard Nav Icons** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/nav_3D.zip) (11KB) [block:image] { "images": [ { "image": [ "https://files.readme.io/bbd8379-btn_nav.png", "btn_nav.png", 755, 125, "#b2b2b2" ] } ] } [/block] **2D Player Controls** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/player_controls.zip) (24KB) [block:image] { "images": [ { "image": [ "https://files.readme.io/ddaa40b-viro_icons_2.png", "viro_icons_2.png", 711, 96, "#040404" ], "sizing": "original" } ] } [/block] **3D Player Controls** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/player_controls_3D.zip) (7KB) [block:image] { "images": [ { "image": [ "https://files.readme.io/ca4fbbb-btn_player.png", "btn_player.png", 857, 125, "#b7b7b7" ] } ] } [/block] **Misc** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/misc.zip) (48KB) [block:image] { "images": [ { "image": [ "https://files.readme.io/b92a3ed-viro_icons_3.png", "viro_icons_3.png", 777, 96, "#040404" ], "sizing": "original" } ] } [/block] 2D Buttons | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/btns.zip) (13.5kb) [block:image] { "images": [ { "image": [ "https://files.readme.io/8ecb8e9-viro_icons_4.png", "viro_icons_4.png", 948, 96, "#040404" ], "sizing": "original" } ] } [/block] 3D Buttons | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/btns_3D.zip) (38.9kb) [block:image] { "images": [ { "image": [ "https://files.readme.io/32d94fe-btns.png", "btns.png", 913, 122, "#303030" ] } ] } [/block] [block:api-header] { "title": "3D Objects" } [/block] Static Emojis | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/Viro_object_emojis.zip) [block:image] { "images": [ { "image": [ "https://files.readme.io/b07ff07-viro_objects_emoji.png", "viro_objects_emoji.png", 800, 144, "#cb9533" ] } ] } [/block] Animated Characters and Emojis | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/viro_objects_emoji_animated.zip) (~40mb) [block:image] { "images": [ { "image": [ "https://files.readme.io/1d42049-viro_objects_objects.png", "viro_objects_objects.png", 800, 144, "#c08633" ] } ] } [/block] Primitives | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/viro_objects_primitives.zip) (40.9kb) [block:image] { "images": [ { "image": [ "https://files.readme.io/552f672-viro_objects_primitives.png", "viro_objects_primitives.png", 355, 144, "#3549ae" ] } ] } [/block] Portal Doorways | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/viro_objects_portals.zip) (51mb) [block:image] { "images": [ { "image": [ "https://files.readme.io/ec12830-viro_objects_portals.png", "viro_objects_portals.png", 800, 144, "#b8b7b4" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Photospheres" } [/block] **Movie Theater** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_theater_dark.jpg ) (1.2MB) | [Download (Stereoscopic 3D Ver)](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_theater_dark_stereo.jpg) (2.7MB) [block:image] { "images": [ { "image": [ "https://files.readme.io/75de297-ps_theater_dark.jpg", "ps_theater_dark.jpg", 800, 400, "#120708" ], "caption": "" } ] } [/block] [block:api-header] { "type": "basic", "title": "" } [/block] **Westlake, Seattle** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_westlake.jpg) (3.6MB) [block:image] { "images": [ { "image": [ "https://files.readme.io/33119df-ps_westlake.jpg", "ps_westlake.jpg", 800, 400, "#cbcbc0" ] } ] } [/block] [block:api-header] { "type": "basic" } [/block] **Park** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_park.jpg) (6.1M) [block:image] { "images": [ { "image": [ "https://files.readme.io/7723a4d-ps_park.jpg", "ps_park.jpg", 800, 400, "#6e5938" ] } ] } [/block] [block:api-header] { "type": "basic" } [/block] **Waikiki Beach, Hawaii** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_waikiki.jpg) (4.3MB) [block:image] { "images": [ { "image": [ "https://files.readme.io/45c93fe-ps_waikiki.jpg", "ps_waikiki.jpg", 800, 400, "#c3c8cd" ] } ] } [/block] [block:api-header] { "type": "basic" } [/block] **Grid** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_grid.jpg) (598KB) [block:image] { "images": [ { "image": [ "https://files.readme.io/4dfb7d5-ps_grid.jpg", "ps_grid.jpg", 800, 400, "#efeeef" ] } ] } [/block] [block:api-header] { "type": "basic" } [/block] **Tiles** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_tiles.jpg) (321KB) [block:image] { "images": [ { "image": [ "https://files.readme.io/e01b438-ps_tiles.jpg", "ps_tiles.jpg", 800, 400, "#dbd6db" ] } ] } [/block] [block:api-header] { "type": "basic" } [/block] **Space** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_space.jpg) (2.6MB) [block:image] { "images": [ { "image": [ "https://files.readme.io/d30d9c5-ps_space.jpg", "ps_space.jpg", 800, 400, "#050506" ] } ] } [/block] [block:api-header] { "type": "basic" } [/block] **Digital Blocks** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/photospheres/360_blocks.jpg) (1.5MB) [block:image] { "images": [ { "image": [ "https://files.readme.io/01a3aa9-ps_blocks.jpg", "ps_blocks.jpg", 800, 400, "#b5b3b5" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Skyboxes" } [/block] For any 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. **Black** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/skyboxes/sb_black.zip) (82KB) [block:image] { "images": [ { "image": [ "https://files.readme.io/f813d16-cube_black.png", "cube_black.png", 800, 600, "#1e1e1e" ] } ] } [/block] [block:api-header] { "type": "basic" } [/block] **Clouds** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/skyboxes/sb_clouds.zip) (267kb) [block:image] { "images": [ { "image": [ "https://files.readme.io/392e992-sb_clouds.jpg", "sb_clouds.jpg", 800, 600, "#c8d7e9" ] } ] } [/block] [block:api-header] { "type": "basic" } [/block] **Space** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/skyboxes/sb_space.zip) (5.6MB) [block:image] { "images": [ { "image": [ "https://files.readme.io/92e32db-cube_space.png", "cube_space.png", 800, 600, "#060607" ] } ] } [/block] [block:api-header] { "type": "basic" } [/block] **Ocean** | [Download](https://s3-us-west-2.amazonaws.com/viro/Assets/skyboxes/sb_ocean.zip) (891kb) [block:image] { "images": [ { "image": [ "https://files.readme.io/95b3f19-sb_ocean.jpg", "sb_ocean.jpg", 800, 600, "#040404" ] } ] } [/block] [block:api-header] { "title": "Other Free Resources" } [/block] [HDRI Haven](https://hdrihaven.com/) 100% free high quality photospheres. Download them and simply convert the HDRI files to JPG or PNG in your favorite photo editing tool. [sIBL Archive](http://www.hdrlabs.com/sibl/archive.html) Free hi-res photospheres but under a CC license.