{"_id":"58f7a4c9cbd001190056cc58","__v":0,"parentDoc":null,"user":"578c4a62bd223d2000cc143e","project":"578c4badbd223d2000cc1441","version":{"_id":"58f7a4c8cbd001190056cbf8","__v":1,"project":"578c4badbd223d2000cc1441","createdAt":"2017-04-19T17:56:24.172Z","releaseDate":"2017-04-19T17:56:24.172Z","categories":["58f7a4c8cbd001190056cbf9","58f7a4c8cbd001190056cbfa","58f7a4c8cbd001190056cbfb","58f7a4c8cbd001190056cbfc","58f7a4c8cbd001190056cbfd","58f7a4c8cbd001190056cbfe"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.1.0","version":"1.1.0"},"category":{"_id":"58f7a4c8cbd001190056cbf9","version":"58f7a4c8cbd001190056cbf8","__v":0,"project":"578c4badbd223d2000cc1441","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-10-25T23:36:45.975Z","from_sync":false,"order":0,"slug":"basics","title":"Basics"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-07-18T23:34:30.593Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Latest Release is v1.1.0 as of April 20, 2017\",\n  \"body\": \"See Releases tab for more information\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/c3e1de9-viro_icons.png\",\n        \"viro_icons.png\",\n        250,\n        117,\n        \"#444444\"\n      ]\n    }\n  ]\n}\n[/block]\nViro is a platform for web and mobile developers to easily build native VR experiences.  The platform is composed of two main components:\n\n1) A highly performant 3D rendering engine, and\n2) A custom extension of [React](https://facebook.github.io/react/) for VR.\n\nWhether you are looking to build a new VR application, or add VR features to your existing applications, the Viro platform enables you to create highly performant mobile VR experiences.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Why Use Viro?\"\n}\n[/block]\n## Easy to Learn\nOur framework uses web-like concepts making it simple to learn.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f6e66ca-easytolearn-pic_a.png\",\n        \"easytolearn-pic_a.png\",\n        800,\n        250,\n        \"#2c2c34\"\n      ]\n    }\n  ]\n}\n[/block]\n## Fast Development\nTired of waiting for recompile to see changes? With Viro, just reload. It's like \"refreshing\" a browser.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/cb98e6d-Fast-development-pic.png\",\n        \"Fast-development-pic.png\",\n        800,\n        250,\n        \"#212312\"\n      ]\n    }\n  ]\n}\n[/block]\n## VR Integration\nNo need to create an entirely new application. With Viro, you can add VR features like 360 photo tours, 3D models, and more to your *existing* 2D application and user base. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/df29641-vr_integration_pic.gif\",\n        \"vr_integration_pic.gif\",\n        800,\n        250,\n        \"#000000\"\n      ]\n    }\n  ]\n}\n[/block]\n## Cross Platform\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7c05f87-cross_platform_pic-1.png\",\n        \"cross_platform_pic-1.png\",\n        800,\n        250,\n        \"#9bc445\"\n      ]\n    }\n  ]\n}\n[/block]\n ## Native Performance\nThe Viro renderer runs natively on your hardware, for optimal performance.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/28a529e-native_pic.png\",\n        \"native_pic.png\",\n        800,\n        250,\n        \"#494c59\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Start Developing\"\n}\n[/block]\nTo begin developing, we recommend you go through the following sections in order:\n\n1. [Quick Start](doc:quick-start) (No Xcode or Android Studio required) or [Installing Viro (iOS)](doc:starting-a-new-viro-project-1) or [Installing Viro (Android)](doc:installing-viro-android): step-by-step guides for setting up Viro and getting to \"Hello World\".\n2. [Tutorial](doc:tutorial): step-by-step guide for creating a basic scene.\n\nHave any questions? [Github Issues](https://github.com/viromedia/viro-code-samples/issues)","excerpt":"","slug":"viro-platform-overview","type":"basic","title":"Viro Platform Overview"}

Viro Platform Overview


[block:callout] { "type": "info", "title": "Latest Release is v1.1.0 as of April 20, 2017", "body": "See Releases tab for more information" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/c3e1de9-viro_icons.png", "viro_icons.png", 250, 117, "#444444" ] } ] } [/block] Viro is a platform for web and mobile developers to easily build native VR experiences. The platform is composed of two main components: 1) A highly performant 3D rendering engine, and 2) A custom extension of [React](https://facebook.github.io/react/) for VR. Whether you are looking to build a new VR application, or add VR features to your existing applications, the Viro platform enables you to create highly performant mobile VR experiences. [block:api-header] { "type": "basic", "title": "Why Use Viro?" } [/block] ## Easy to Learn Our framework uses web-like concepts making it simple to learn. [block:image] { "images": [ { "image": [ "https://files.readme.io/f6e66ca-easytolearn-pic_a.png", "easytolearn-pic_a.png", 800, 250, "#2c2c34" ] } ] } [/block] ## Fast Development Tired of waiting for recompile to see changes? With Viro, just reload. It's like "refreshing" a browser. [block:image] { "images": [ { "image": [ "https://files.readme.io/cb98e6d-Fast-development-pic.png", "Fast-development-pic.png", 800, 250, "#212312" ] } ] } [/block] ## VR Integration No need to create an entirely new application. With Viro, you can add VR features like 360 photo tours, 3D models, and more to your *existing* 2D application and user base. [block:image] { "images": [ { "image": [ "https://files.readme.io/df29641-vr_integration_pic.gif", "vr_integration_pic.gif", 800, 250, "#000000" ] } ] } [/block] ## Cross Platform [block:image] { "images": [ { "image": [ "https://files.readme.io/7c05f87-cross_platform_pic-1.png", "cross_platform_pic-1.png", 800, 250, "#9bc445" ] } ] } [/block] ## Native Performance The Viro renderer runs natively on your hardware, for optimal performance. [block:image] { "images": [ { "image": [ "https://files.readme.io/28a529e-native_pic.png", "native_pic.png", 800, 250, "#494c59" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Start Developing" } [/block] To begin developing, we recommend you go through the following sections in order: 1. [Quick Start](doc:quick-start) (No Xcode or Android Studio required) or [Installing Viro (iOS)](doc:starting-a-new-viro-project-1) or [Installing Viro (Android)](doc:installing-viro-android): step-by-step guides for setting up Viro and getting to "Hello World". 2. [Tutorial](doc:tutorial): step-by-step guide for creating a basic scene. Have any questions? [Github Issues](https://github.com/viromedia/viro-code-samples/issues)